Este timpul să aflați despre cele 5 proprietăți secrete ale CSS3. Din ultimul articol ați văzut că există proprietăți care sunt folosite foarte rar, dar undeva pot fi aplicate și necesare. Dar CSS3 mai mult de 5 puțin cunoscute și sub-utilizate proprietăți, astăzi ne uităm la un alt 5. cred că te va surprinde la fel de bine, deoarece acestea pot fi utilizate pentru a efectua lucruri interesante.
Ultima parte a articolului, în care am analizat 5 proprietăți secrete ale CSS3, puteți găsi aici:
Câteva exemple de utilizare a CSS3:
A doua parte a proprietăților secrete ale CSS3
1. Evenimente Pointer
Începem cu evenimentele indicatoare de proprietate. Acesta a fost introdus pentru SVG, dar apoi a fost mutat la specificația CSS4 (da, aceasta nu este o tipo, era acolo că a fost mutată). Pentru a înțelege esența proprietăților pe care le reprezentăm o situație de „un element de pe pagina este situat pe partea de sus a celeilalte, dar vrem să ne asigurăm că de jos reacționa la indicatorul mouse-ului, apoi a fost clickable și când vă mutați pentru a schimba culoarea.“ În acest caz, trebuie să utilizați această proprietate.
Dar vom lua în considerare un exemplu mai standard, pe care îl puteți aplica acum pe propriul dvs. site. Situația este următoarea: avem un meniu on-line, și vrem să facem cu elementul de meniu a fost clickable nu este activ și nu se schimbă culoarea atunci când cursorul mouse-ului.
De ce avem nevoie de asta?
- Pentru fiecare element de meniu activ, setați clasa activă (de obicei în orice WordPress, Joomla, DLE și așa mai departe, această clasă este setată pentru elementele de meniu implicite).
- Deschideți foaia de stil și adăugați următoarele proprietăți la linkurile pentru meniul curent:
2. Orientarea imaginii
Articole similare
Trimiteți-le prietenilor: