Un pic de ajutor pentru efectul asta "on mouse hoover"

[AlMalalah]

Scuze de deranj, intrebare poate parea oarecum penibila insa pentru mine nu e fiindca nu prea le am cu programarea web, cred oricum ca e vorba de ceva cat de cat simplu.

Despre ce e vorba ?...

FuzzySecurity | Tutorials

Vedeti pe acest site cand treceti cu mouseul peste lista de titluri ale tutorialelor cum se misca ?

Practic cand treci cu mouseul se misca de la stanga la dreapta si isi schimba culoarea.

Am vazut acelasi efect la un meniu orizontal si cand treceai cu mouseul tot la fel: isi schimba culoarea si se ridica elementul restectiv in sus.

Am vazut tot la fel si la un template de pe themeforest parca, era la casuta de search: ori puneai cursorul in ea ca sa cauti ceva ori treceai cu mouseul peste ea si din mica se lungea ca sa iti atraga atentia.

Banuiesc ca la toate e cam acelasi efect folosit, cu mici modificari.

Ma poate ajuta cineva ca sa pot folosi si eu aceasta chestie ?

Multumesc mult !

[sandabot]

CSS :hover Selector

[EAdrian]

Efectul alora de pe FuzzySecurity este f?cut prin CSS, n-ai nevoie de JS pentru asta.

[AlMalalah]

Vad ca prin CSS poti schimba culoarea dar cum faci sa se mute, sa-si schimbe pozitia ?

Dar dimensiunile, in cazul unui search box ?

[EAdrian]

în cazul de fa?? atunci când ai :hover pui padding-left: 5px;

live: Edit fiddle - JSFiddle

LE: uite ?i searchu http://jsfiddle.net/gNqUj/8/

Edited September 28, 2013 by EAdrian

[Pacalici]

La ce a zis EAdrian adauga animatiile css3

[EAdrian]

Eu vad o animatie ciudata acolo, e vreun efect CSS3 de care nu stiu eu?

Nu-mi dau seama la ce anima?ie te referi dar ai undeva mai sus preview

PS: uite aici Edit fiddle - JSFiddle

[Pacalici]

CSS Animation | CSS 3.0 Animation | Animation | Animation Generator daca vrei sa te joci un pic.

Da Gecko, se foloseste transition. Singura diferenta e ca in browserele vechi nu merge si atunci daca o vrei musai o faci cu javascript.

[AlMalalah]

Bookmarked ! Multumesc !