html - How to make text to appear into image box? -


i started make own gallery, , have 1 thing cant resolve..

i want text appear in part "unseren dienstleistungen" homepage, left in site, showed in similar way in other images, image style other pages (sppinin images).

this code first image:

<div class="servicequad">     <div class="tr-slideimgout"><img src="/files/hjung2014/img/holzbau.jpg"  alt="holzbau" /></div>     <span class="figure tr-slidein" href="">{{insert_content::26}}</span></div> 

and image style other images, (like want be, text appear inside box)

<div class="servicequad">     <div class="morph"><img src="/files/hjung2014/img/holzbau.jpg"  alt="holzbau" /></div>     <span class="morph" href="">{{insert_content::26}}</span></div> 

thanks help.

you can add class changed rotation style.

for example add fullrotate class this:

html

<div class="servicequad">     <div class="tr-slideimgout fullrotate">         <img src="/files/hjung2014/img/holzbau.jpg" alt="holzbau" />     </div>     <span class="figure tr-slidein" href="">{{insert_content::26}}</span> </div> 

and add new rotation style it:

css

.servicequad:hover .tr-slideimgout.fullrotate img {   -webkit-transform: rotate(360deg);   -moz-transform: rotate(360deg);   -o-transform: rotate(360deg);   -ms-transform: rotate(360deg);   transform: rotate(360deg) } 

Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -