律师网站设计:为图片增加CSS动画效果

  • 2019-11-22
  • 1645

<img src="" />

添加css

img{ width:400px;height:auto;    animation: heart 0.5s infinite;  }

/*animation:动画名称  消耗时间  运动曲线  开始时间  播放次数  是否添加反方向*/

1.变化大小

@keyframes heart{  

  0%{transform:scale(1);}

  50%{transform:scale(1.2);}

  100%{transform:scale(1);}

}

2.移动/颜色变化

@keyframes move{

  from{left:0;background:red;}

  to{left:1000px;background-color:yellow;}

}

3.旋转

@keyframes rotate{

  from{transform:rotate(0deg);}

  to{transform:rotate(360deg);}

}

相关阅读

CSS中元素的显示与隐藏

律师网站设计:用CSS实现半透明边框与多重边框

律师小程序开发:可实时改变转速的css3旋转动画

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询