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 · 986 阅读 · 0 评论 -
监测css3 动画结束的回调函数
$this.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ $this.removeClass('animated shake');})转载 2018-05-11 10:55:43 · 1414 阅读 · 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 · 1957 阅读 · 0 评论