Crearea unei liste elegant drop-down pe CSS3, Rudebox

Literalmente, puteți găsi un produs drop-down pe fiecare site. Acesta este un mod foarte interesant de a organiza materialul de pe site-ul, deoarece elementele implicite sunt ascunse, iar utilizatorul trebuie să efectueze anumite acțiuni pentru a vedea lista completă, de exemplu, faceți clic pe elementul de alegere. De multe ori, aceste elemente sunt foarte plictisitoare și monotonă, nu atrage vedere vizitatorilor, pierzându-și astfel clicuri valoroase pe site. În această lecție ne vom uita la modul în care puteți stiliza lista verticală cu efecte diferite.

Pasul 1. HTML

Pentru a începe, ia în considerare un marcaj simplu. Pentru a face acest lucru, vom folosi ul container pentru această listă derulantă.

• BblTPE3BUTEJlb: Nu vorbi. O fiară rară.
• Gigabajt: Buna ziua. Contactati-ne companie Nevozmozhnogo.rf Bureau - ajutor. ).
• Sinaps: Întrebarea este ce? Și alții văd ceva ce cineva a pictat? Este potrivit pentru partajare.
• Igor Loeb: închis)
• las: dar după cum se adaugă la site-ul.
• David: Vă mulțumesc pentru indiciu)
• Scorpie: Cetățenii au un mouse fără valoare este printre Lupa! Pentru a elimina săgeata, este necesar să se adauge cursorului .example.
• serj_ben: Vă mulțumesc foarte mult) corectat!

blogul sondaj

partenerii noștri

articole populare