Stranice koje se izrađuju brzo, bez pretjeranih vrtloga i vidljivih troškova, s pristojnim dizajnom i punom funkcionalnošću - dobar posao i vrijedan rezultat. Izbor umjetnika u ovom slučaju je vrlo važan ne samo za vlasnika stranice, već i za prosječnog posjetitelja. Ne žele svi posjetiti resurse koji koriste sofisticirane alate kako bi pokazali svoju dinamiku. Stoga, kao što se može činiti, to ne izgleda čudno, ali predanost umjetnika da koristi pseudo-klase kao što je CSS hover je dobar izbor. Jednostavnost - najčešće, ključ uspjeha.

Mjesto primjene

CSS hover pseudo klasa primjenjuje se na ime klase (klase) ili identifikator koji opisuje oznaku koja ne mora nužno biti vizualno prikazana na stranici, ali mora biti dostupna mišem, na primjer, putem pravila CSS z-indeksa.

Ako je dovoljan dio oznake dostupan, CSS hover će raditi. Činjenica da se klasama može manipulirati i konstruirati iz njihovih konstrukcijskih imena u normalnom stanju oznaka stranica, te u slučaju kada je miš iznad njih, ne znači da su oznake opisane jedinstvenim identifikatorima ograničene. Sve ovisi o vještini i tehnologiji programera. Mjesto ispod oznake uvijek ima oblik pravokutnika, ali nekoliko pravila za pozadinsku sliku i pozadinsku boju (u smislu transparentnosti) lako mijenjaju stanje stvari. Slika ne mora biti u .png ili .jpg formatu - možete koristiti jednostavnu .gif animaciju.

Razumijevanje izgleda

Izgled stila ovisi o izvođaču. Ako jestCSS fan, trebali biste očekivati ​​potpuni nedostatak javascript koda i priliku da shvatite kako je određena radnja na stranici kreirana. Morate se pomicati kroz mnoge klase CSS-a i uhvatiti njihove međusobne odnose prije nego što kreatorova misao postane dostupna. Ako je izvršitelj izabran za kompozitnog programera koji ima prilično dobar CSS pravilo, ali više usmjeren na HTML oznake i javascript, bit će teško razumjeti opcije za dinamički izgled. U ovom slučaju, CSS oznake i pravila skočit će s koda stranice kao gljive nakon kiše.

Nije najbolja opcija spojiti HTML + CSS i HTML + JS enkodere zajedno, ali u praksi to ne uspijeva uvijek. Najbolja opcija je nametanje svojih zahtjeva developeru, od kojih je jedan CSS lebdenje, a pravila ove vrste su vrlo važna. Upravo je to upravo tako jednostavan slučaj gdje korisnik može točno odrediti što će koristiti. Ispravite obvezu primjene sličnih CSS efekata. Svi pokušaji besplatnog profesionalnog plivanja trebali bi biti zaustavljeni u korijenu, čak i prije nego što se započne rad na stranici, inače jednostavno neće biti dovršen.

CSS hover efekt kada lebdi i brine

Glavno je razumjeti princip, i to je vrlo jednostavno. Pokazati sve čari pseudo-klasa može biti samo na dinamičnim ili jednostavno stvarnim stranicama. Članak je teško opisati. Na slici se može vidjeti opća ideja. Logika ovdje je jednostavna - postoje dva opisa. Jedan pokazuje oznaku u normalnom stanju, a drugi - u slučaju kada je miš došao do njega. U drugom slučaju naziv klase iliID se jednostavno dodaje u ": hover". Oba opisa moraju zadovoljiti zahtjeve CSS-a.

Miš je došao do oznake i otišla s njim

Pretpostavlja se da je u normalnom stanju oznaku statički ako prvo ne mora pokazati nešto dinamično. Budući CSS pravila za hover, kada bi trebali promijeniti nešto u stilu normalnom stanju oznake.
To nije obvezno načelo. Možete i trebaju koristiti snagu pravila CSS, posebno, tranzicija, neprozirnost background-color, pozadine-slike je posebno zanimljivo prva dva - oni su dinamični. Još zanimljivija je mogućnost korištenja dinamike skrbi o mišu iz oznake. Zašto ne? U statičkom državne stranici dinamički ništa, ali ako kliknete na oznaku koja dolazi - a lebdjeti je odstupanje od toga može dobro biti živ. Činjenica da klasa nije dodijeljena pseudo-klasi ne znači ništa jednako. Prilog oznaka jedni druge, kao što je niz krugova s ​​radijusa smanjuje u sredini će stvoriti val, kada pomicanjem miša. Ako idete dalje, dijeleći zaslon na pravim mjestima oznake s istim pravilima (u normalnom verzija i CSS hover), na primjer, prostor između blokova informacija može biti pokazuju miš, valovi, mjehurići ili zaslon zamagliti granice informacijskih blokova. Nije potrebno da lebdeći CSS efekti budu u oznakama preko blokova informacija. Potrebne oznake mogu izgledati samo. Ali čim miš pređe preko dostupnog dijela, CSS hover stil može podići z-indeks. Kada se brinete o mišu, sve će se vratiti na njihova mjesta. CSS hover pseudo klasa u vezi s ispravnom aplikacijomCSS pravila - dobra, jednostavna, ispravno radna stranica.