Képeffektek

Sziasztook drágaságaim!Ebben a bejegyzésben hoztam pár képeffekteket+egy kis ismertetőt ezekkel a HTML kódokkal!Ha esetleg nem értetek valamit,írjatok bátran! :)) Na nem is folytom tovább a szót.

Na szóval:

Ezeket a kódokat szintén a HTML/Java Script-be kell beilleszteni.A kódokat átlehet állítani szélességben,magasságban,színben,lekerekítésben...stb..Ha jobban megnézzük a HTML kódokat,felvillan a fejünkben,hogy mindegyik ugyanazzal kezdődik(<style type="text/css">).A kódokat,amiket hoztam,az csak egy része!Az ide írd a kódot szövegrészhez kell beilleszteni őket!

A vázlat:

                                  <style type="text/css"> ...ide írd a kódot... </style>

Keretek:

border: 1px dotted  #555;   = ez ad a képnek pöttyös keretet

border: 1px dashed #555;   = ez ad a képnek szaggatott keretet

border: 1px solid #555;  = ez ad a képnek keretet

Természetesen ezeket a kódokat is át lehet írni,mint az összes többit.A színt az 555-nél tudjátok megváltoztatni!

Most pedig,hoztam nektek +2 Képeffektet!Figyelem!Egyik kód se az enyém!Ne tedd ki sajátként!

A kép elhalványodik,ha ráviszed az egeret.

A KÓD:
 <style type="text/css">
img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s}
img:hover{filter: alpha(opacity=60); moz-opacity:.60; opacity:.60;}

</style>


A kép eltűnik,ha ráviszed az egeret.

A KÓD:
 <style type="text/css">
img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s}
img:hover{filter: alpha(opacity=0); moz-opacity:.0; opacity:.0;}

</style>

Ezeket is illesszétek be a HTML/Java Script nevű modullba! :)
Nemsokára hozok még valamicskéket! :3

Xoxo,

PATAKI TIFANI