#e8e8e8
1button { 2 display: inline-block; 3 border-radius: 4px; 4 background-color: #3d405b; 5 border: none; 6 color: #FFFFFF; 7 text-align: center; 8 font-size: 17px; 9 padding: 16px; 10 width: 130px; 11 transition: all 0.5s; 12 cursor: pointer; 13 margin: 5px; 14} 15 16button span { 17 cursor: pointer; 18 display: inline-block; 19 position: relative; 20 transition: 0.5s; 21} 22 23button span:after { 24 content: '»'; 25 position: absolute; 26 opacity: 0; 27 top: 0; 28 right: -15px; 29 transition: 0.5s; 30} 31 32button:hover span { 33 padding-right: 15px; 34} 35 36button:hover span:after { 37 opacity: 1; 38 right: 0; 39}
13K views
13K views
Comments
MIT License