Ang kasalukuyang mga aklatan ng CSS ay patunay ng mataas na antas ng disenyo ng web at kung paano ginagawang mas madali ang mga bagay pagdating sa pagpapatupad ng mga makikinang na paraan ng pag-unawa kung ano ang karanasan sa web.
Iyon ang dahilan kung bakit gagawin namin magbahagi ng 23 mataas na kalidad na mga aklatan ng CSS ng iba't ibang mga artista na nagpapatunay kung paano posible ang lahat sa pamamagitan ng wikang ito ng disenyo. Isang kagiliw-giliw na alok ng mga mapagkukunan upang mamangha sa kung ano ang maaaring makamit sa pamamagitan ng CSS.
I-blur ang Menu
isang makinang na-optimize na demo kung saan maaari kang makahanap ng hanggang pitong mga halimbawa. Ginagamit nila ang paglipat ng CSS3 at kung ano ang magiging mahusay na katalinuhan sa paggamit ng iba't ibang mga tagapili upang lumikha ng isang de-kalidad na blur effect.
Mga Cloud na CSS3D
Sa lamang mag-hover sa demo na ito, mararanasan mo ang mahusay na epekto na nakamit sa CSS library na ito. Pinakamaganda sa lahat, buong galaw ang mga ulap na iyon. Gumagamit ito ng CSS3 3D Transforms pati na rin ang JavaScript. Mula sa link maaari mong ma-access ang tutorial kung saan mahahanap ang bawat isa sa mga hakbang.
Mga logo sa purong CSS
Naglalaman ang library na ito ilan sa mga pinakatanyag na logo ng lahat tulad ng Apple o Twitter. Ito ay higit sa kagiliw-giliw na maaari mong malaman ang mga katangian ng bawat isa sa mga logo sa pamamagitan ng paglalagay ng mouse pointer. Mayroon kang lahat ng access sa kumpletong code mula sa link.
Navigation bar ni Jan Kadera
Mula sa codepen.io mayroon kami pag-access sa navigation bar na ito sa 3D kamangha-manghang gumagalaw at kung saan maaari nating lubos na malaman ang code nito. Ang kakaibang bagay tungkol sa silid-aklatan na ito ay binubuo lamang ng 65 mga linya. Ang mga bagong tampok sa CSS3 ay naroroon sa malalim na epekto sa patlang.
Mga gliding panel ng imahe
Mayroon kang access sa tutorial mula rito. Ang malaking halaga nito ay kung gaano makinis ang mga animasyon kapag dumudulas ang mga panel ng imahe. Maaari mong ma-access ang apat na mga pagkakaiba-iba upang isama ang mga ito sa iyong website at makamit ang isang kahanga-hangang resulta.
Dobleng singsing
Nauna na kami isang perpektong muling nilikha na singsing na may isang mahusay na pagmamanupaktura ng animation. Mula sa codepen.io mayroon kang access sa lahat ng code na binubuo ng daan-daang mga linya.
Flexbox
Ang mga Flexbox ay ang bagong paraan ng CSS ng pagpapakita ng mga haligi sa isang pahina. A medyo komprehensibong gabay upang maunawaan ang mga lalagyan na ito.
Isang makulay na menu ng nabigasyon
May access ka sa lahat ng HTML at CSS para sa menu ng pag-navigate na ito na nagpapahayag ng maraming pag-ibig sa kulay. Ganap na ginawa ito sa CSS upang maipasok mo ang iyong sarili sa wikang ito.
Mga Progress bar sa CSS3
Bagaman ito ay nasa Ingles, tulad ng karamihan sa mga bookstore, Maayos nang detalyado ang HTML at CSS kinakailangan upang magkaroon ng mahusay na mga disenyo ng pag-unlad bar. Naghihintay sa iyo ang mga gradiente, linya at iba pang mga uri ng mga visual effects.
Animate.css
Sikat sa GitHub, ito ay tapos nang buo sa CSS. Piliin ang animasyon na nais mong malaman, at kailangan mo lamang mag-click sa pindutang "I-animate ito" upang makita ang epekto sa Animate.css. Maaari mong i-download o tingnan ito sa GitHub.
spinkit
Nakaharap kami sa isang koleksyon ng mga tagapagpahiwatig na maaari maghatid para sa lahat ng uri ng mga visual na elemento sa web Mag-click sa "Pinagmulan" at mahahanap mo ang lahat ng kinakailangang code para sa pagpapatupad nito.
Mga Pindutan
isang Library ng pindutan ng CSS ng lahat ng mga paraan at ideya upang makahanap ng isa na kailangan mo upang makilala ang iyong sarili mula sa kumpetisyon. Mula sa sidebar maaari mong i-deactivate ang mga hugis o epekto na hindi mo nais na hanapin at sa gayon ay ituon ang partikular sa isa.
FlipSwitch
Nauna na kami isang app na nagbibigay-daan sa iyo upang huwag paganahin ang ilang mga pindutan upang lumikha ng isa na eksakto kung ano ang aming hinahanap. Ginagamit namin ang iba't ibang mga setting at sa wakas magagawa naming kopyahin ang code na aming kokopya para sa aming website. Ang isang napaka-kagiliw-giliw na mapagkukunan para sa kanyang kagalingan sa maraming at mahusay na estilo.
Pahiwatig.css
isang CSS library nang walang JavaScript at handa na para magamit mo ang nais mo. Maliit ang laki, madaling gamitin at gumagana ito sa lahat ng mga pinaka-modernong web browser.
Mga Kulay.css
Para sa kung sino hanapin ang kulay mula sa isang kagiliw-giliw na kahalili at pinapayagan ang mabilis na prototyping para sa mga website na may mahusay na aspeto ng visual.
Voxels.css
Kung alam mo ang Minecraft, ang laro sa konstruksyon, tiyak na ang library ng CSS na ito ay madaling makilala. Paikutin habang pinindot namin ang gitna upang pumunta pagbuo ng grids.
Tipograpiya
isang purong CSS font magaan na perpekto lamang para sa iyong susunod na proyekto.
Spinners
isang malaking koleksyon ng mga animasyon ng paglo-load ng mga icon sa CSS at HTML.
Mga tagapagpahiwatig ng linya ng pagsingil
Purong teksto sa pares ng CSSupang mai-load ang mga tagapagpahiwatig ng lahat ng mga uri. Ang isang mahusay na mapagkukunan upang mahanap ang kinakailangan at tamang tagapagpahiwatig para sa iyong website.
css loader
Isa pa font para sa paglo-load ng mga icon na maaaring ipasadya para sa lahat ng mga uri ng mga animasyon.
Hover ng Imahe
isang nasusukat na silid-aklatan ng CSS at ng maliit na bigat ng mga imahe para sa klase na «hover».
hue.css
Isang mapagkukunan ng 49 gradients o photorealistic gradients para sa lahat ng uri ng nilalaman at mga imahe.
Pagkakatulad
Un Balangkas ng CSS batay sa Disenyo ng Materyal, ang prinsipyo ng disenyo na ginamit ng Google sa maraming bilang ng mga app at sa sarili nitong operating system ng Android.
Huwag palampasin ang appointment may mga high-end na web sa mga imahe ng svg.