Oħloq Scrollbars CSS tad-Dwana

Iddisinja scrollbars sbieħ u moderni li jaqblu mal-istil tal-websajt tiegħek mal-ġeneratur intuwittiv tagħna. L-ebda ħiliet ta 'kodifikazzjoni meħtieġa!

Ibda l-Ippersonalizzar Ara l-Eżempji

Panew tal-Kontroll

8px
0px

Preview

Kontenut ta' Previżjoni tal-Istrixxa ta' l-Iskrolljar

Din hija żona ta 'dimostrazzjoni għall-istrixxa ta' scrollbar tad-dwana tiegħek. Aġġusta l-issettjar fuq ix-xellug biex tara bidliet f'ħin reali.

Feature 1

Scrollbars kompletament personalizzabbli għal websajts u applikazzjonijiet moderni.

Feature 2

Appoġġ cross-browser bi prefiss awtomatiku għal browsers differenti.

Eżempju ta 'kontenut ta' test twil: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Aktar kontenut tat-test: Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

End of text: Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Kodiċi CSS Iġġenerat

Ikkupjat fil-clipboard!

Karatteristiċi Qawwija

Kompletament Personalizzabbli

Aġġusta kull aspett tal-iscrollbar tiegħek inkluż il-wisa', il-kuluri, ir-raġġ, u l-fruntieri biex jaqblu perfettament mad-disinn tal-websajt tiegħek.

Appoġġ Cross-Browser

Iġġenera kodiċi CSS li jaħdem fuq il-browsers moderni kollha inklużi Chrome, Firefox, Safari, u Edge.

Presets lesti għall-użu

Ibda b'disinji professjonali billi tuża l-kollezzjoni kkurata tagħna ta 'presets ta' scrollbar għal implimentazzjoni mgħaġġla.

Preview f'ħin reali

Ara eżattament kif se tidher l-iscrollbar tiegħek hekk kif tagħmel aġġustamenti bil-pannell tal-preview interattiv tagħna.

Ikseb kodiċi CSS ifformattjat tajjeb, minimu li huwa lest biex jiġi integrat fil-proġett tiegħek mingħajr ebda bloat.

Disinn Responsiv

Oħloq scrollbars li jadattaw perfettament għal daqsijiet u apparati differenti tal-iskrin għal esperjenza tal-utent konsistenti.

Kif għandek tuża

1

Ippersonalizza l-istrixxa tal-iskrolljar tiegħek

Uża l-pannell tal-kontroll biex taġġusta l-wisa', il-kuluri, ir-raġġ, u proprjetajiet oħra tal-iscrollbar tiegħek sakemm taqbel mal-viżjoni tad-disinn tiegħek.

2

Ikkopja s-CSS iġġenerat

Ladarba tkun sodisfatt bil-preview, ikklikkja l-buttuna "Kopja CSS" biex tikkopja l-kodiċi ġġenerat għall-clipboard tiegħek.

3

Żid mal-Proġett Tiegħek

Paste the CSS code into your project's stylesheet or use it inline. Applika l-klassi għal kwalunkwe element biex tara l-iscrollbar tad-dwana tiegħek fl-azzjoni.

Eżempji ta 'Scrollbar

Eżempju ta' scrollbar blu moderna b'kantunieri ttundjati. Perfetta għal websajts u applikazzjonijiet korporattivi.

Dan l-iscrollbar juża binarju blu ċar b'saba 'l-kbir blu skur li jbiddel il-kulur fuq il-hover.

Skrollja 'l isfel biex tara l-effett sħiħ. Is-saba' l-kbir għandu raġġ ta '5px għal truf lixxa ttundjati.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Blu Modern

Scrollbar blu eleganti bi truf ittundjati

Eżempju ta 'scrollbar skur sottili bi stil minimu. Ideali għal websajts tqal fil-kontenut.

Din l-iscrollbar tuża binarju griż ċar ħafna b'saba 'l-kbir griż medju li jiskura fuq il-hover.

Skrollja 'l isfel biex tara l-effett sħiħ. Is-saba' l-kbir għandu raġġ żgħir ta '3px għal truf artab.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Skur sottili

Scrollbar skur minimalista għal siti tal-kontenut

Eżempju ta 'scrollbar aħdar vibranti bi stil kuraġġuż. Kbir għal websajts favur l-ambjent jew relatati mas-saħħa.

Dan l-iscrollbar juża binarju aħdar ċar b'saba 'l-kbir aħdar vivaċi li jiskura fuq il-hover.

Skrollja 'l isfel biex tara l-effett sħiħ. Is-saba' l-kbir għandu raġġ ta' 6px għal truf ittundjati pronunzjati.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Aħdar Vibranti

Scrollbar aħdar kuraġġuż għal siti b'tema ekoloġiċi

Eżempju ta 'scrollbar vjola stylish b'disinn modern. Perfetta għal websajts kreattivi jew portafoll.

Dan l-iscrollbar juża binarju vjola ċar b'saba 'l-kbir vjola aktar profond li jiskura fuq il-hover.

Skrollja 'l isfel biex tara l-effett sħiħ. Is-saba' l-kbir għandu raġġ ta' 4px għal truf nodfa ttundjati.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Vjola Stylish

Scrollbar vjola moderna għal proġetti kreattivi

Mistoqsijiet Frekwenti

Related Tools

Iġġenera Trasformazzjonijiet CSS3 bil-Faċilità

Għodda qawwija u intuwittiva għall-ħolqien ta 'trasformazzjonijiet CSS3 kumplessi mingħajr ma tikteb kodiċi. Viżwalizza l-bidliet f'ħin reali u kopja s-CSS iġġenerat biex tuża fil-proġetti tiegħek.

Sass li konvertitur CSS

Ittrasforma l-kodiċi Sass tiegħek f'CSS. Mgħaġġel, faċli, u sigur.

CSS Minifier

Ikkompressa u ottimizza l-kodiċi CSS tiegħek bi preċiżjoni professjonali

Kalkulatur tal-GST

Ikkalkula t-Taxxa fuq l-Oġġetti u s-Servizzi (GST) bil-kalkulatur GST faċli biex tużah tagħna.

Ikkonverti t-test għal bugħarwien faċli għas-SEO

Ittrasforma kwalunkwe test fi slug faċli għall-URL li huwa perfett għal URLs, ismijiet tal-fajls, u aktar.

Ikkonverti CSV għal JSON mingħajr sforz

Ittrasforma d-dejta CSV tiegħek f'format JSON strutturat bi klikk waħda. Mgħaġġel, sigur, u kompletament ibbażat fuq il-browser.