Feature 5 from Design Source

.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; } }

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.