网站首页 ease-in-out 第4页

• 

  一种简单的CSS翻牌效果实现方式（一种简单的css翻牌效果实现方式有哪些）

  css翻牌效果在一些活动页面使用的还是比较多的，目前网上大部分的方案都是使用backface-visibility?等复杂且兼容性差的方案，本文介绍一种非常简单的方案。以扑克牌的翻转为例,如果事先准备好下面的两张图片实现图片的翻转很简单...

  2024-10-30 nanyue 技术文章 4 ℃
• 

  用户被盗号了!为什么前端要被骂?（被盗号的前兆）

  密码强度平时我们在浏览各种网站和APP的时候，都接触过...

  2024-10-30 nanyue 技术文章 4 ℃
• 

  Vuejs高度的改变动画探索:折叠面板Collapse组件的最佳实现方案

  提示：文章尾部有全部源码，大家可以CTRL+C直接拿走，不用谢我；当然，我还是建议大家都能通过学习自己手写实现。使用过CSStransition属性的童鞋们应该都清楚，当元素在过渡开始或者结束时的高度为auto时，动画是不生效的；那么...

  2024-10-30 nanyue 技术文章 4 ℃
• 

  css3制作动画-第九章（css3动画(简单动画的实现,如旋转等)）

  一、变形CSS3变形是一些效果的集合如平移、旋转、缩放、倾斜效果每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化语法：transform:[transform-function]*;...

  2024-10-30 nanyue 技术文章 3 ℃
• 

  让网页更加生动，网页滚动动画效果——AOS

  介绍AOS是一个用在网页滚动中的动画库，顾名思义，AOS是随着滚动条而伴随的网页动画效果，AOS非常有效的使某些长网页更加的生动和丰富，对于提升网页整体质量具备了促进作用。Github14.9kstars，可见使用的人还是非常多的...

  2024-10-30 nanyue 技术文章 3 ℃
• 

  无障碍设计在前端开发中的重要性（无障碍设计在前端开发中的重要性和意义）

  一、引言随着互联网的普及，人们越来越依赖于在线服务和应用来完成日常生活中的各种任务。然而，并不是每个人都能无障碍地访问和使用这些服务。无障碍设计（AccessibilityDesign）是指确保所有人，无论其身体状况或所处环境，都能够轻松...

  2024-10-30 nanyue 技术文章 3 ℃
• 

  Google推出的首款动态图标字体 如何在设计和开发中使用?

  Anicons是GoogleDesign和Typogram合作推出的全球第一款彩色图标字体，它是目前最先进的两种字体技术--可变字体和彩色字体的结合的首次实践。Anicons字体自带时间轴，包含了位移、颜色变换、缩放等效果...

  2024-10-30 nanyue 技术文章 3 ℃
• 

  前端面试题-11（前端面试题2024）

  51、如何创建基本的Flexbox布局？要创建基本的Flexbox布局，您需要定义一个Flex容器并指定其子元素（Flex项）的行为方式。通过将容器的display属性设置为flex并使用各种Flexbox属性（如flex-d...

  2024-10-30 nanyue 技术文章 3 ℃
• 

  前端里的拖拖拽拽（拖拽前端组件化开发）

  最近在项目中使用了react-dnd，一个基于HTML5的拖拽库，“拖拽能力”丰富了前端的交互方式，基于拖拽能力，会扩展各种各样的拖拽反馈效果，因此有必要学习了解，最好的学习方式就是实操！...

  2024-10-30 nanyue 技术文章 3 ℃
• 

  使用CSS实现苹果官网文字渐入效果

  效果分析文字是从左到有慢慢呈现出来，不是整体消失和出现，那么肯定不能使用透明度。我们可以想到渐变文字，然后通过改变背景的位置来控制文字的显示与隐藏。...

  2024-10-30 nanyue 技术文章 4 ℃