博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
animation特效
阅读量:6262 次
发布时间:2019-06-22

本文共 1049 字,大约阅读时间需要 3 分钟。

在小程序中的使用:

  

.test1{  width: 160rpx;  height: 160rpx;  background-color: #188eee;}.test1 image{  width: 160rpx;  height: 160rpx;  animation: light 1.5s infinite;}@keyframes light{  from{    transform: rotate(0deg);  }  80%,to{    transform: rotate(360deg);  }}/*星星特效:*/.test2{  width: 100rpx;  height: 100rpx;}.test2 image{  width: 100rpx;  height: 100rpx;  animation: star .5s linear infinite alternate}@keyframes star{  form{    transform: scale(1);  }  to{    transform: scale(.5);  }}/*转动效果:*/.test3{  width: 100rpx;  height: 100rpx;}.test3 image{  width: 100rpx;  height: 100rpx;  animation: cross 1s linear infinite;}@keyframes cross{  from{    transform: rotate(0deg);  }  to{    transform: rotate(360deg);  }}.test4{  width: 500px;  height: 500px;  text-align: center}.test4 image{   width: 96px;   height: 221px;   animation: eyes 3.2s infinite;}@keyframes eyes{  from,90%,to{    transform: rotate(80deg)  }  40%,50%{    transform: rotate(-60deg)  }}

  

 

转载地址:http://itzpa.baihongyu.com/

你可能感兴趣的文章
动态加载js小笔
查看>>
C#_IComparer实例 - 实现ID或者yearOfscv排序
查看>>
2016 hosts
查看>>
TypeKit ,use online fonts
查看>>
原生Ajax
查看>>
文件上传及下载
查看>>
七、jquery对象的学习,有难度
查看>>
Ajax_数据格式_HTML
查看>>
微信公众账号怎么快速增加粉丝
查看>>
HBase 笔记1
查看>>
loadrunner两个函数:取参数长度和时间戳函数
查看>>
Docker exec与Docker attach
查看>>
解决ssh登录Host key verification failed
查看>>
Java8新特性之二:方法引用
查看>>
记录日常Linux常用软件
查看>>
Jmeter之Bean shell使用(一)
查看>>
[翻译]利用顶点位移的VR畸变校正
查看>>
wp socket tcp链接
查看>>
asp.net 批量下载实现(打包压缩下载)
查看>>
解决了!我滴神哪!MarketPlace为什么手动下载安装部署提示invalid详解
查看>>