Cum să stilize barele de derulare (derulare) în browserele Webkit

LPgenerator - Pagina profesională de aterizare este o platformă pentru creșterea vânzărilor afacerii dvs.

COMERCIALIZAREA CURSULUI DE ACȚIUNI ALE PARTENERILOR

Cum să stilize barele de derulare (derulare) în browserele Webkit

Există multe pseudo-elemente pentru configurarea diferitelor componente ale derulării. Ca și în orice element HTML simplu, puteți ajusta fundalul și puteți modifica marginile. Vârfurile cu bară de derulare rotunjită, cu sau fără fundal - toate acestea sunt acum ușor de atins.







Toate aceste pseudo-elemente sunt la dispoziția dumneavoastră:

Ca de obicei, puteți stiliza pseudo-elementele:

În exemplul nostru, vom face întreaga zonă a parcurgerii galbene și vom seta lățimea la 20 de pixeli. Glisorul are linii de verde întrerupte pe cochilie. În plus, ne rotunjim colțurile. Acum, dacă aveți o dorință, puteți ajusta în plus banda în funcție de locul în care se află mouse-ul în timpul interacțiunii. Pseudo-clasele își vor face treaba:

Aici lipsește doar un singur lucru, nu putem folosi tranziția CSS pentru efecte de animație netedă.







Pseudo-clase suplimentare pot fi folosite pentru personalizare mai complexă. De exemplu, clasa ": fereastră inactivă", care vă permite să proiectați pseudoelemente pentru ferestre inactive, în timp ce cele două clase: "orizontală" și ": verticală" au grijă de design pentru benzi orizontale sau verticale:

ATENȚIE! Utilizați un browser Internet Explorer învechit

Acest site este construit pe tehnologii avansate și moderne și nu suportă versiunile 6 și 7 ale Internet Explorer.

Cum să stilize barele de derulare (derulare) în browserele Webkit

Cum să stilize barele de derulare (derulare) în browserele Webkit

Cum să stilize barele de derulare (derulare) în browserele Webkit

Cum să stilize barele de derulare (derulare) în browserele Webkit

Cum să stilize barele de derulare (derulare) în browserele Webkit







Trimiteți-le prietenilor: