Էլի հարց... :-)
հնարավորա որ նկար դնենք ու ինքը անգույն լինի, հենց մկնիկը տանես վրեն էտ վախտ գունավոր դառնա?
այ սրա համար http://himan.do.am/
Էլի հարց... :-)
հնարավորա որ նկար դնենք ու ինքը անգույն լինի, հենց մկնիկը տանես վրեն էտ վախտ գունավոր դառնա?
այ սրա համար http://himan.do.am/
Չգիտեմ uCoz-ի համար ինչ-որ հատուկ լուծում կա թե չէ, բայց ընդհանրապես կարող ես սենց անել.
CSS կոդ.HTML կոդ:<div id="main"> <a href="#"><img src="color.jpg" width="300" height="300" id="color" /></a> <a href="#"><img src="black.jpg" width="300" height="300" id="black" /></a> </div>
Կոդ:#main { width:300px; height:300px; overflow:hidden; position:relative; } #main img { position:absolute; top:0; left:0; } #black { opacity:1; -webkit-transition:1s ease; -moz-transition:1s ease; -o-transition:1s ease; transition:1s ease; } #black:hover { opacity:0; }
CSS-ն էլ որ գրես՝ չի բերի:
Իմաստը հետևյալն է. ստեղծում ես բլոկ, որի մեջ կա երկու նկար՝ գունավոր և սև-սպիտակ: Հետո CSS-ով սև ու սպիտակ նկարը տեղադրում ես գունավորի վրա, ու թափանցիկության աստիճանը տալիս ես 1, այսինքն 100%՝ անթափանց, իսկ երբ կուրսորը պահում ես վրան թափանցիկության աստիճանը սահուն (տվյալ դեպքում 1 վայրկյանում) դառնում է 0, և երևում է տակի գունավոր նկարը: Իսկ առանց CSS-ի բնականաբար էս ամեն ինչը չի լինի:
Այս պահին թեմայում են 1 հոգի. (0 անդամ և 1 հյուր)
Էջանիշներ