Háromszög (képpel) mögötte szöveg

Kinézete szétszedve:!! Ide kerül a szöveged.Fekete keret nélkül lesz majd és a szövegedet itt fogod látni.A képhez használj 150x200-as képet Hogy néz ki? NEM tudom megmutatni de ettől függetlenül működik c: Kódja :

[dohtml]<style type="text/css">#bex {width: 150px; height: 200px; position: relative; overflow: hidden;} #bex .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 150px; height: 200px;} #bex:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -150px;}</style> <center> <div id="bex"><div class="page"> <img src="IDE HELYEZD EL A KÉPED URL-JÉT"> </div> IDE JÖN A SZÖVEGED :)))) </div> </center>[/dohtml]

Forrás : ▼