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

jsf - "PropertyNotWritableException: Illegal Syntax for Set Operation" error when setting value in bean -

java - How to read a file created at runtime? -

php - Autoloader issue not returning Class -