css3动画
木雨痕
在坑底挣扎的小菜鸟
展开
-
svg动效背景
实现方式:1、在svg文件中添加css动画.triangle{ animation: rot 8s 0.5s infinit cubic-bezier(0.645,0.045,0.355,1)}@keyframe rot {...}2、将svg文件引入到背景中去.dom{ background-image: url('mysvg.svg')}之后背景就动起来了进阶玩法:dom的子元素添加混合模式和背景后,当前元素和子元素可实现文字渐变动画.dom-原创 2021-07-21 11:09:45 · 902 阅读 · 0 评论 -
监测css3 动画结束的回调函数
$this.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ $this.removeClass('animated shake');})转载 2018-05-11 10:55:43 · 1396 阅读 · 0 评论 -
css 鼠标移入有过渡效果离开不显示过渡效果
方法:将transition写在hover里面例:.fixed-service .f-item{ color:#fff; text-align:center; padding:0; border-top:1px dashed #80ceaf; transition: all .2s; font:16px/1 '黑体'; cursor: pointer; height:38...原创 2019-08-29 16:53:23 · 1890 阅读 · 0 评论