Card by Bodyhc
#e8e8e8
1.ag-courses_item { 2 margin: auto; 3 overflow: hidden; 4 border-radius: 28px; 5} 6.ag-courses-item_link { 7 display: block; 8 padding: 30px 20px; 9 background-color: #121212; 10 overflow: hidden; 11 position: relative; 12 text-decoration: none; 13} 14 15.ag-courses-item_link:hover, 16.ag-courses-item_link:hover .ag-courses-item_date { 17 color: #121212; 18} 19.ag-courses-item_link:hover .ag-courses-item_bg { 20 -webkit-transform: scale(10); 21 -ms-transform: scale(10); 22 transform: scale(10); 23} 24.ag-courses-item_title { 25 min-height: 57px; 26 margin: 0 0 30px; 27 overflow: hidden; 28 font-weight: bold; 29 font-size: 20px; 30 color: rgb(255, 255, 255); 31 z-index: 2; 32 position: relative; 33} 34.ag-courses-item_date-box { 35 font-size: 18px; 36 color: #fff; 37 z-index: 2; 38 position: relative; 39} 40.ag-courses-item_date { 41 font-weight: bold; 42 color: #f9e534; 43 -webkit-transition: color 0.5s ease; 44 -o-transition: color 0.5s ease; 45 transition: color 0.5s ease; 46} 47.ag-courses-item_bg { 48 height: 130px; 49 width: 100px; 50 background-color: #f9b234; 51 z-index: 1; 52 position: absolute; 53 top: -75px; 54 right: -75px; 55 border-radius: 50%; 56 -webkit-transition: all 0.5s ease; 57 -o-transition: all 0.5s ease; 58 transition: all 0.5s ease; 59} 60
467 views
467 views
MIT License