Button by Juanes200122
#e8e8e8
1a { 2 text-decoration: none; 3} 4 5.ov-btn-slide-left { 6 background: #fff; 7 color: #4741d7; 8 border: 2px solid #4741d7; 9 padding: 16px 20px; 10 border-radius: 3px; 11 position: relative; 12 z-index: 1; 13 overflow: hidden; 14 display: inline-block; 15} 16 17.ov-btn-slide-left:hover { 18 color: #fff; 19} 20 21.ov-btn-slide-left::after { 22 content: ""; 23 background: #4741d7; 24 position: absolute; 25 z-index: -1; 26 padding: 16px 20px; 27 display: block; 28 top: 0; 29 bottom: 0; 30 left: -100%; 31 right: 100%; 32 -webkit-transition: all 0.35s; 33 transition: all 0.35s; 34} 35 36.ov-btn-slide-left:hover::after { 37 left: 0; 38 right: 0; 39 top: 0; 40 bottom: 0; 41 -webkit-transition: all 0.35s; 42 transition: all 0.35s; 43}
355 views
355 views
MIT License