css
web前端-前端问答
金融信息源码aspx,vscode有vh的插件吗,osx 安装ubuntu,怎么把tomcat加入,爬虫淘宝mm,阿里巴巴php面试题,seo1短视频网页lzw
css3怎么设置鼠标经过放大圆角到消失盘多多源码,vscode清除终端内容命令,Ubuntu 查看程序,tomcat 6 漏洞,sqlite 压缩,淘宝网站网页设计说明,php没有数据库连接,怎么关闭服务器端口,wordpresa 支付宝插件,isux 前端框架,爬虫人资料,php run,青浦seo优化,springboot持久层,模板引擎禁用标签,取名网站 asp源代码,易网页2,phpcms模板文件夹,帝国 cms 后台 信息列表 添加副标题,做淘宝购物车页面html,html管理系统主页面代码,c2c网站程序源码lzw
1、:hover伪类选择器设置样式餐饮加盟网站 源码,ubuntu如何关闭应用,申汇企业爬虫,gateone php,贵阳专业seolzw
css中:hover是一个伪类选择器，:hover伪类选择器在鼠标移到元素上时向此元素添加特殊的样式。:hover选择器适用于所有元素。:hover在鼠标移到链接上时添加的特殊样式。
在IE中必须声明“”才能保证“:hover”选择器能够有效
2、用animation绑定动画
animation 属性是一个简写属性，用于设置六个动画属性：
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
3、利用@keyframes设置动画
通过 @keyframes 规则，您能够创建动画。
创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。
在动画过程中，您能够多次改变这套 CSS 样式。
以百分比来规定改变发生的时间，或者通过关键词 “from” 和 “to”，等价于 0% 和 100%。
0% 是动画的开始时间，100% 动画的结束时间。
为了获得最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器。
示例如下：
123 div{width: 80px;height: 50px;background:pink;border:1px solid #000;border-radius:50%;}div:hover{animation:fadenum 5s;}@keyframes fadenum{ 100%{border-radius:0;}}}
输出结果：
（学习视频分享：css视频教学、html视频教学）