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
Post a Comment