.tsidesign_feature {
max-width: 106rem !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: -15rem !important;
position: relative !important;
z-index: 98 !important;
}
.tsidesign_feature .the_list_item {
border: 5px solid #ffffff !important;
background-color: #fff !important;
box-shadow: 0px 0px 10px -3px #000 !important;
}
.tsidesign_feature .the_list_item {
display: inline-block !important;
vertical-align: middle !important;
-webkit-transform: translateZ(0) !important;
transform: translateZ(0) !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
-moz-osx-font-smoothing: grayscale !important;
-webkit-transition-duration: 0.3s !important;
transition-duration: 0.3s !important;
-webkit-transition-property: transform !important;
transition-property: transform !important;
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important;
}
.tsidesign_feature .the_list_item:hover{
-webkit-transform: translateY(-8px) !important;
transform: translateY(-8px) !important;
}
.tsidesign_feature .the_list_item_action {
background-color: transparent !important;
}
.tsidesign_feature .the_list_item_action a {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 0%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
background-color: #000 !important;
box-shadow: none !important;
border: 2px solid #000 !important;
font-size: 1.4rem !important;
text-transform: uppercase !important;
color: #ffffff !important;
-webkit-transition: all 0.3s ease-in-out !important;
-moz-transition: all 0.3s ease-in-out !important;
-o-transition: all 0.3s ease-in-out !important;
transition: all 0.3s ease-in-out !important;
}
.tsidesign_feature .the_list_item_action a:hover {
background-color: #757575 !important;
border: 2px solid #757575 !important;
}
@media(max-width:800px) {
.tsidesign_feature {
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0rem !important;
position: relative !important;
}
}
Live url: http://designsource.townsquareinteractive.com/features/
Screenshot: https://cl.ly/0C1x1i0i0f1y
Screenshot: https://cl.ly/0C1x1i0i0f1y
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.