纯CSS3绘制摇尾巴的小黄狗动画特效 下载

来源:脚本之家  责任编辑:小易  

.swing{4102-webkit-animation:swinging 10s ease-in-out 0s infinite;1653-moz-animation:swinging 10s ease-in-out 0s infinite;animation:swinging 10s ease-in-out 0s infinite;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;}@-webkit-keyframes swinging{0% { -webkit-transform: rotate(0); }5% { -webkit-transform: rotate(10deg); }10% { -webkit-transform: rotate(-9deg); }15% { -webkit-transform: rotate(8deg); }20% { -webkit-transform: rotate(-7deg); }25% { -webkit-transform: rotate(6deg); }30% { -webkit-transform: rotate(-5deg); }35% { -webkit-transform: rotate(4deg); }40% { -webkit-transform: rotate(-3deg); }45% { -webkit-transform: rotate(2deg); }50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */100% { -webkit-transform: rotate(0); }}@-moz-keyframes swinging{0% { -moz-transform: rotate(0); }5% { -moz-transform: rotate(10deg); }10% { -moz-transform: rotate(-9deg); }15% { -moz-transform: rotate(8deg); }20% { -moz-transform: rotate(-7deg); }25% { -moz-transform: rotate(6deg); }30% { -moz-transform: rotate(-5deg); }35% { -moz-transform: rotate(4deg); }40% { -moz-transform: rotate(-3deg); }45% { -moz-transform: rotate(2deg); }50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */100% { -moz-transform: rotate(0); }}@keyframes swinging{0% { transform: rotate(0); }5% { transform: rotate(10deg); }10% { transform: rotate(-9deg); }15% { transform: rotate(8deg); }20% { transform: rotate(-7deg); }25% { transform: rotate(6deg); }30% { transform: rotate(-5deg); }35% { transform: rotate(4deg); }40% { transform: rotate(-3deg); }45% { transform: rotate(2deg); }50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */100% { transform: rotate(0); }}那个swinging后面的10s就是控制快慢的,属性是animation-duration:10s;本回答被提问者采纳www.zgxue.com防采集请勿采集本网。

脚本大小:1KB 脚本语言:简体中文 脚本类型:国产软件 脚本授权:免费软件 更新时间:2020-09-10 14:10:13 脚本类别:CSS特效 相关链接: 未知官方  演示地址 网友评分:脚本评分 应用平台:css/css3

纯CSS3绘制摇尾巴的小黄狗动画特效是一款纯css3绘制的黄色可爱小狗动画,摇着尾巴的狗动画特效。

适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。

下载地址如下:

网硕互联电信下载

港中数据电信下载

河南紫田网通下载

易阳网络电信下载

酷云中国电信下载

易阳IDC电信下载

群英网络电信下载

烽火云集电信下载

网盾科技电信下载

创梦网络电信下载

上传你的html 代码来看看 另外 抖动的效果可能是 动画时间过短 距离不够 角度幅度不够大等因素内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • 为什么css3摇晃效果会做成抖动效果
  • css3摇摆怎么控制快慢
  • 气泡漂浮上来停止,然后左右摇摆不停css3怎么写
  • 网站首页脚本下载广告代码js框架批处理网页相关源码下载网站地图菜单导航tab标签焦 点 图在线客服影音播放相册代码flash特效vbscript其它全屏广告对联广告悬浮漂浮图片特效翻牌书角其他代码jqueryextjsprototypemootoolsajax/javascript其它框架系统优化网络相关文件管理注册表项文本字符安全防毒加密解密特效动画修改更换显示隐藏dos/bathtml5css特效asp源码.net源码php源码jsp源码网页编辑器数据库管理源码黑客源码其它源码主页脚本下载css特效css3实现献爱心的小狗动画效果源码纯css3实现可爱的小狗吐舌摇尾巴玩小皮球动画效果源码html5实现的益智类小狗仔喂养游戏源码纯css3绘制的卡通小狗玩球动画特效源码纯css3绘制的可爱害羞小狗动画特效源码css3绘制小黄狗css实现的24款分页样式(各种颜色,代码兼容)css实现的24款分页样式(各种颜色,代码兼容)下载reset.css文件 css代码 下载reset.css文件 css代码 下载下载50个css做的button美化效果50个css做的button美化效果下载20个css做的漂亮导航菜单20个css做的漂亮导航菜单下载css实现的一个漂亮的登录框效果css实现的一个漂亮的登录框效果下载css3实现非常实用超好看的搜索框和按钮样式css3实现非常实用超好看的搜索框和按钮样式下载纯css3图片幻灯片切换效果(无js实现)纯css3图片幻灯片切换效果(无js实现)下载纯css生成的折线图效果(无js)纯css生成的折线图效果(无js)下载一款基于css3和html5的自定义聊天窗口一款基于css3和html5的自定义聊天窗口下载找不到分享码?纯css3黑白线框按钮动画特效css3鼠标悬停图片3d翻页显示文字描述特效css3实现卡通玩具火车行驶特效纯css3制作圆形渐变的按钮悬停ui特效源码css3按钮透明光亮遮罩流动特效源码纯css3医用洗手液图片代码源码基于css keyframes绘制的鼠标悬停小图标动画特效源码纯css3实现蛇形时间轴特效代码css3实现3d书本上下悬停浮动特效代码css3实现的鼠标悬浮按钮发光渐变动画特效源码分享码的获取方法迅雷winrar v5纯css3黑白线框按钮动画特效css3鼠标悬停图片3d翻页显示文字描述特效css3实现卡通玩具火车行驶特效纯css3制作圆形渐变的按钮悬停ui特效源码css3按钮透明光亮遮罩流动特效源码纯css3医用洗手液图片代码源码基于css keyframes绘制的鼠标悬停小图标动画特效源码纯css3实现蛇形时间轴特效代码css3实现3d书本上下悬停浮动特效代码css3实现的鼠标悬浮按钮发光渐变动画特效源码chrome
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved