Reply to thread

Message

<blockquote data-quote="BR4DLEY" data-source="post: 341583" data-attributes="member: 10966">The CSS code?[CODE]div.mc-image {&nbsp; &nbsp; -webkit-transition: opacity 1s ease-in-out;&nbsp; &nbsp; -moz-transition: opacity 1s ease-in-out;&nbsp; &nbsp; -o-transition: opacity 1s ease-in-out;&nbsp; &nbsp; transition: opacity 1s ease-in-out;&nbsp; &nbsp; -webkit-background-size: cover;&nbsp; &nbsp; -moz-background-size: cover;&nbsp; &nbsp; -o-background-size: cover;&nbsp; &nbsp; background-size: cover;&nbsp; &nbsp; background-position: center center;&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; height: 100%;&nbsp; &nbsp; overflow: hidden;&nbsp; &nbsp; width: 100%;}.in-slide-content div.info-slide {&nbsp; &nbsp; background: #FFF url(images/info.png) no-repeat left bottom;&nbsp; &nbsp; background-size: 46px 46px;&nbsp; &nbsp; position: absolute;&nbsp; &nbsp; top: 30px;&nbsp; &nbsp; left: 30px;&nbsp; &nbsp; width: 46px;&nbsp; &nbsp; height: 46px;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; display: block;&nbsp; &nbsp; text-indent: 10px;&nbsp; &nbsp; -moz-border-radius: 23px;&nbsp; &nbsp; -webkit-border-radius: 23px;&nbsp; &nbsp; border-radius: 23px;&nbsp; &nbsp; cursor: pointer;&nbsp; &nbsp; z-index: 1000;&nbsp; &nbsp; -ms-filter: &quot;progid: DXImageTransform.Microsoft.Alpha(Opacity=50)&quot;;&nbsp; &nbsp; filter: alpha(opacity=0.5);&nbsp; &nbsp; opacity: 0.5;&nbsp; &nbsp; -webkit-transition: all 0.3s;&nbsp; &nbsp; -moz-transition: all 0.3s;&nbsp; &nbsp; -o-transition: all 0.3s;&nbsp; &nbsp; -ms-transition: all 0.3s;&nbsp; &nbsp; transition: all 0.3s;}.in-slide-content div.info-slide:hover {&nbsp; &nbsp; width: 200px;&nbsp; &nbsp; background: #FFF;&nbsp; &nbsp; position: absolute;&nbsp; &nbsp; bottom: 40px;&nbsp; &nbsp; padding: 10px 20px;&nbsp; &nbsp; text-indent: 0px;&nbsp; &nbsp; moz-border-radius: 0px;&nbsp; &nbsp; -webkit-border-radius: 0px;&nbsp; &nbsp; border-radius: 0px;&nbsp; &nbsp; z-index: 1000;&nbsp; &nbsp; -ms-filter: &quot;progid: DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;&nbsp; &nbsp; filter: alpha(opacity=1);&nbsp; &nbsp; opacity: 1;}.in-slide-content h2, .in-slide-content p {&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; font-size: 12px;&nbsp; &nbsp; line-height: 24px;}.in-slide-content h2 {&nbsp; &nbsp; font-size: 14px;&nbsp; &nbsp; color: #444;&nbsp; &nbsp; text-shadow: none;&nbsp; &nbsp; font-weight: normal;&nbsp; &nbsp; text-transform: uppercase;&nbsp; &nbsp; z-index: 1001;&nbsp; &nbsp; position: relative;&nbsp; &nbsp; white-space: nowrap;}.info-slide p {&nbsp; &nbsp; color: #aaa;&nbsp; &nbsp; font-size: 13px;&nbsp; &nbsp; text-shadow: none;&nbsp; &nbsp; z-index: 1001;&nbsp; &nbsp; position: relative;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; font-weight: normal;&nbsp; &nbsp; white-space: nowrap;}.in-slide-content div.info-slide h2 {&nbsp; &nbsp; display: none;&nbsp; &nbsp; padding: 10px 10px 0 10px;}.in-slide-content div.info-slide p {&nbsp; &nbsp; display: none;&nbsp; &nbsp; padding: 0px 10px 10px 10px;}.in-slide-content div.info-slide:hover h2, .in-slide-content div.info-slide:hover p {&nbsp; &nbsp; display: inherit;&nbsp; &nbsp; padding: 0;}[/CODE]</blockquote>

[QUOTE="BR4DLEY, post: 341583, member: 10966"] The CSS code? [CODE]div.mc-image { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; overflow: hidden; width: 100%; } .in-slide-content div.info-slide { background: #FFF url(images/info.png) no-repeat left bottom; background-size: 46px 46px; position: absolute; top: 30px; left: 30px; width: 46px; height: 46px; margin: 0; display: block; text-indent: 10px; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; cursor: pointer; z-index: 1000; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0.5); opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .in-slide-content div.info-slide:hover { width: 200px; background: #FFF; position: absolute; bottom: 40px; padding: 10px 20px; text-indent: 0px; moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; z-index: 1000; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); opacity: 1; } .in-slide-content h2, .in-slide-content p { padding: 0; margin: 0; font-size: 12px; line-height: 24px; } .in-slide-content h2 { font-size: 14px; color: #444; text-shadow: none; font-weight: normal; text-transform: uppercase; z-index: 1001; position: relative; white-space: nowrap; } .info-slide p { color: #aaa; font-size: 13px; text-shadow: none; z-index: 1001; position: relative; margin: 0; font-weight: normal; white-space: nowrap; } .in-slide-content div.info-slide h2 { display: none; padding: 10px 10px 0 10px; } .in-slide-content div.info-slide p { display: none; padding: 0px 10px 10px 10px; } .in-slide-content div.info-slide:hover h2, .in-slide-content div.info-slide:hover p { display: inherit; padding: 0; }[/CODE] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members