De nuværende CSS-biblioteker er bevis for det høje niveau af webdesign og hvordan disse gør tingene nemmere, når det gælder implementering af disse geniale måder at forstå, hvad internetoplevelsen er.
Derfor vil vi del 23 højkvalitets CSS-biblioteker af forskellige kunstnere, der beviser, hvordan alt er muligt gennem dette designsprog. Et interessant tilbud på ressourcer til at undre sig over, hvad der kan opnås gennem CSS.
Slør menu
en glimrende optimeret demo hvor du kan finde op til syv eksempler. De bruger CSS3-overgangen, og hvad der ville være god intelligens i brugen af forskellige vælgere for at skabe en sløringseffekt af høj kvalitet.
CSS3D skyer
Kun med det hold markøren over denne demo, vil du være i stand til at opleve den store effekt, der opnås med dette CSS-bibliotek. Bedst af alt er, at disse skyer er i fuld bevægelse. Det bruger CSS3 3D Transforms såvel som JavaScript. Fra linket kan du få adgang til vejledningen, hvor du finder hvert trin.
Logoer i ren CSS
Dette bibliotek indeholder nogle af de mest populære logoer af alle som Apple eller Twitter. Det er mere end interessant, at du kan kende egenskaberne for hver enkelt af logoerne ved at placere musemarkøren. Du har alle adgang til den komplette kode fra linket.
Navigationslinje af Jan Kadera
Fra codepen.io har vi adgang til denne navigationslinje i 3D der bevæger sig vidunderligt, og hvorfra vi fuldt ud kan kende dens kode. Det ejendommelige ved dette bibliotek er, at det kun består af 65 linjer. Nye CSS3-funktioner er til stede i dybdefelteffekten.
Billedpaneler glider
Du har adgang til vejledningen herfra. Dens store værdi er hvor glatte animationerne når du skubber billedpanelerne. Du kan få adgang til fire variationer for at indarbejde dem på dit websted og opnå et storslået resultat.
Dobbelt ring
Vi er før en perfekt genskabt ring med en stor produktionsanimation. Fra codepen.io har du adgang til al den kode, der består af hundreder af linjer.
flexbox
Flexboxes er den nye CSS-måde at vise kolonner på en side på. EN ret omfattende guide at forstå disse containere.
En farverig navigationsmenu
Du har adgang til alle HTML og CSS til denne navigationsmenu der bekender sig meget med kærlighed til farve. Det er udelukkende lavet i CSS, så du kan fordybe dig i dette sprog.
Fremskridtstænger i CSS3
Selvom det er på engelsk, som de fleste boghandlere, HTML og CSS er detaljerede nødvendigt for at have store design fremskridt barer. Gradienter, linjer og andre typer visuelle effekter venter på dig.
Animate.css
Populær på GitHub, det er det gjort udelukkende i CSS. Vælg den animation, du vil vide, og du skal kun klikke på knappen "Animer det" for at se effekten i Animate.css. Du kan downloade eller se det på GitHub.
spinkit
Vi står over for en samling af indikatorer, der kan tjene til alle slags visuelle elementer på nettet. Klik på "Kilde", så finder du al den kode, der er nødvendig for dens udførelse.
Knapper
en CSS-knapbibliotek af alle måder og ideer til at finde den, du har brug for til at skelne dig fra konkurrencen. Fra sidepanelet kan du deaktivere de figurer eller effekter, som du ikke ønsker at finde, og dermed fokusere på en bestemt.
FlipSwitch
Vi er før en app, der giver dig mulighed for at deaktivere bestemte knapper at skabe en der er nøjagtigt hvad vi leder efter. Vi bruger de forskellige indstillinger, og til sidst kan vi gengive den kode, som vi vil kopiere til vores hjemmeside. En meget interessant ressource for dens alsidighed og fantastiske stil.
Tip.css
en CSS-bibliotek uden JavaScript og klar til at bruge, som du ønsker. Lille i størrelse, nem at bruge, og den fungerer i alle de mest moderne webbrowsere.
Farver.css
For den der se efter farven fra et interessant alternativ og det muliggør hurtig prototyping for websteder med et stort visuelt aspekt.
Voxels.css
Hvis du kender Minecraft, konstruktionsspillet, er dette CSS-bibliotek bestemt let at genkende. Drej, når vi trykker i midten at generere netene.
Typografi
en ren CSS-skrifttype letvægts simpelthen perfekt til dit næste projekt.
Spinners
en stor samling af animationer af indlæsningsikoner i CSS og HTML.
Opladningsindikatorer
Ren tekst i CSS-parat indlæse indikatorer af alle slags. En god kilde til at finde den nødvendige og rigtige indikator til dit websted.
css loader
En anden skrifttype til indlæsning af ikoner som kan tilpasses til alle slags animationer.
Billedsvæv
en skalerbart CSS-bibliotek og med ringe vægt af billeder til den klasse «svæver».
hue.css
En kilde til 49 gradienter eller fotorealistiske gradienter til alle typer indhold og billeder.
materialisere
Un CSS-ramme baseret på materialedesign, designprincippet, der bruges af Google i et stort antal apps og i sit eget Android-operativsystem.
Gå ikke glip af aftalen med meget færdige baner med svg billeder.