Button by david-mohseni
#e8e8e8
1.wrap { 2 text-align: center; 3 margin: 20px 0; 4} 5 6.btn { 7 width: 100px; 8 height: 100px; 9 background: repeating-radial-gradient(circle at 50% 50%, rgba(200,200,200,.2) 0%, rgba(200,200,200,.2) 2%, transparent 2%, transparent 3%, rgba(200,200,200,.2) 3%, transparent 3%), conic-gradient(white 0%, silver 10%, white 35%, silver 45%, white 60%, silver 70%, white 80%, silver 95%, white 100%); 10 border-radius: 50%; 11 box-shadow: 0 0px 20px #0005, 0 -0px 20px #fff2; 12 outline: 1px solid #fff; 13 outline-offset: -2px; 14 transition: 1s; 15} 16 17.text { 18 font-size: 20px; 19 font-weight: 700; 20 color: #aaa; 21 text-align: center; 22 text-shadow: 1px 1px 1px #fff; 23} 24 25.btn:hover { 26 transform: rotate(90deg); 27}
1.5K views
1.5K views
MIT License