开发工具与关键技术:DW 前端

作者:张铭标

撰写时间:2019年1月19日

我们想要添加效果从一种样式转换到另一种样式的时候,总会依赖JavaScript来实现。

但其实很多效果用css3里的动画就能实现,就如其中的一个transition过渡功能,下面
我来展示这种效果的具体功能。

先看最后效果图:
css3里的过渡功能展示
mV0L3dlaXhpbl80NDQxODEwMA==,size_16,color_FFFFFF,t_70)
这里我用transition改变了盒子的颜色,而且需要给它一个效果的持续时间,在这里我设置了两秒的时间由蓝色慢慢过渡到灰色。

并且需要一个伪类(:hover)来展示它的具体效果。

css3里的过渡功能展示

如果要添加多个样式变换的效果的话,只需要用逗号隔开便可实现:

css:

css3里的过渡功能展示

这是效果图:
css3里的过渡功能展示

相关文章:

  • 2021-12-30
  • 2021-04-11
  • 2022-12-23
  • 2021-12-03
  • 2021-12-03
  • 2021-11-03
猜你喜欢
  • 2021-12-30
  • 2021-12-03
  • 2021-06-01
  • 2021-08-21
  • 2021-07-28
  • 2021-12-30
相关资源
相似解决方案