animation circle
selector svg{ animation: rotate 20s linear infinite; } @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg);
Read More »
shape
.triangle{ width: 0px!important; height: 0px!important; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 150px solid red; position: relative; }
border animation
:root{ –first-color: #FF0000; –second-color:#00FF00; –size: 100px; –speed: 4s; } selector{ overflow: hidden !important; display: flex; justify-content: center; align-items: center; }