Feature 4 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 .the_list_item_image{ border: 4px solid #ffffff !important; border-radius: 50% !important; margin: 0 auto !important; max-width: 16rem !important; padding: 2.7rem !important; background-color: #ff0000 !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; } @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.