#ffcccc); transform transform:scale(1.5); transform:skewX(10
标签:
css线性配景background:linear-gradient(20deg,#ccffff,#ffcccc);
transformtransform:scale(1.5);
transform:skewX(10deg);
transform:rotate(10deg);
div:hover{animation:move 2s infinite;}
桃心div{width:50px;height:50px;background:pink;transform:rotate(-45deg);margin:auto;position:absolute;top:111px;left:111px;}
div::before{content:‘‘;width:50px;height:50px;position:absolute;background:pink;border-radius:50%;left:0;top:-25px;}
div::after{content:‘‘;width:50px;height:50px;position:absolute;background:pink;border-radius:50%;left:25px;top:0;}
div:hover{animation:move 0.5s cubic-bezier(0.7,0.1,1,0.1) infinite;}
@keyframes move{50% {transform:rotate(-45deg) scale(1.1);opacity:0.7;}}
css linear-gradient;心跳animation
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/33260.html