temlpate 04:
Demó:
Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design! Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design! Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!
Kód:
<center><style type="text/css">
#double {width: 300px; height: 200px; position: relative; overflow: hidden;}
#double .left { -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;}
#double:hover .left {-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;}
#double .right { -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; right: 0px; bottom: 0px; width: 150px; height: 200px;}
#double:hover .right {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; right: -150px;}
</style>
<center>
<div id="double"><div class="left">
<img src="//virgoncdesign.gportal.hu/portal/virgoncdesign/image/gallery/1421080339_14.jpg">
</div>
<div class="right">
<img src="//virgoncdesign.gportal.hu/portal/virgoncdesign/image/gallery/1421080339_73.jpg">
</div>
Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!
Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!
Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!
</div>
</center>
(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )
Ellenorítve:2017.04.13.
Copyright © 2005-2017 JégVirág Design
|
AJÁNLOM AZ OLDALT
Archívum