css linear-gradient;心跳animation
2021-05-07 20:28
标签:背景 form png near cal opacity ima ati infinite background:linear-gradient(20deg,#ccffff,#ffcccc); transform:scale(1.5); 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:hover{animation:move 0.5s cubic-bezier(0.7,0.1,1,0.1) infinite;} css linear-gradient;心跳animation 标签:背景 form png near cal opacity ima ati infinite 原文地址:https://www.cnblogs.com/menghu1994/p/12083626.htmlcss线性背景
transform
transform:skewX(10deg);
transform:rotate(10deg);animation
桃心
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;}桃心跳动
@keyframes move{50% {transform:rotate(-45deg) scale(1.1);opacity:0.7;}}
下一篇:HTML - 超链接
文章标题:css linear-gradient;心跳animation
文章链接:http://soscw.com/index.php/essay/83828.html