web前端|html教程
css3动画animation
web前端-html教程
动画：animation
java web停车场管理系统 源码,vscode1.24.1卡,ubuntu没有uefi,电脑的开启tomcat,iapp爬虫,php 刷新iframe,江苏seo优化信息推荐,帝国网站分类源码,手机app软件模板源码下载lzw
animations这物似乎还是只在webkit，moz核心的浏览器上起作用
听歌源码,vscode怎么预览界面,ubuntu 私人云,tomcat自由舱,SQLite读写为什么冲突,暗黑地牢碰不到爬爬虫,局域网访问php,seo标题优化宣传,手机淘宝客发单网站,网页边框颜色怎么改,h5手机登录页面模板lzw
果园源码,vscode底层代码,ubuntu 怎样分区,tomcat转为服务,sqlite_jdbc,菲律宾dns服务器地址是,万能客服pc端插件,快速上手前端框架layui,pythin爬虫专栏,合肥市php培训机构,seo 空间,动漫弹幕网站源码,ps建网页模板,水墨书香模板,移动端页面例子,中学校友管理系统源码,抽奖程序演示lzw
@-moz-keyframes resize{
0% {
padding: 0;
}
50% {
padding: 0 20px;
background-color:rgba(190, 206, 235, 0.2);
}
100% {
padding: 0 100px;
background-color:rgba(190, 206, 235, 0.9);
}
}
/* Safari 和 Chrome */
@-webkit-keyframes resize {
0% {
padding: 0;
}
50% {
padding: 0 20px;
background-color:rgba(190, 206, 235, 0.2);
}
100% {
padding: 0 100px;
background-color:rgba(190, 206, 235, 0.9);
}
}
.anim_box:hover {
-moz-animation-name: resize;/*给动画起名字*/
-moz-animation-duration: 1.5s;/*规定动画完成一个周期所花费的秒或毫秒。默认是 0。*/
-moz-animation-iteration-count: 4;/*鼠标悬停时动画只执行4次。*/
-moz-animation-direction: alternate;/*规定动画是否在下一周期逆向地播放。默认是 “normal”。*/
-moz-animation-timing-function: ease-in-out;/*规定动画的速度曲线。默认是 “ease”。*/
-webkit-animation-name: resize;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: 4;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
}
.test_box{ width:100px;height:100px; background-color:rgba(190, 206, 235, 1);border:1px solid black;}
