De huidige CSS-bibliotheken zijn het bewijs van het hoge niveau van webdesign en hoe deze dingen gemakkelijker maken als het gaat om het implementeren van die briljante manieren om te begrijpen wat de webervaring is.
Dat is waarom we dat zullen doen deel 23 CSS-bibliotheken van hoge kwaliteit van verschillende kunstenaars die door deze ontwerptaal bewijzen hoe alles mogelijk is. Een interessant aanbod van bronnen om u te verbazen over wat u met CSS kunt bereiken.
Menu Vervagen
een briljant geoptimaliseerde demo waarin u maximaal zeven voorbeelden kunt vinden. Ze gebruiken de CSS3-overgang en wat zou een grote intelligentie zijn bij het gebruik van verschillende selectors om een wazig effect van hoge kwaliteit te creëren.
CSS3D-wolken
Met zo alleen zweef over deze demokunt u het geweldige effect ervaren dat wordt bereikt met deze CSS-bibliotheek. Het beste van alles is dat die wolken volop in beweging zijn. Het maakt gebruik van CSS3 3D-transformaties en JavaScript. Via de link heeft u toegang tot de tutorial waar u elk van de stappen kunt vinden.
Logo's in pure CSS
Deze bibliotheek bevat enkele van de meest populaire logo's door iedereen zoals Apple of Twitter. Het is meer dan interessant dat u de eigenschappen van elk van de logo's kunt kennen door de muisaanwijzer te plaatsen. U heeft alle toegang tot de volledige code via de link.
Navigatiebalk door Jan Kadera
Van codepen.io hebben we toegang tot deze navigatiebalk in 3D dat beweegt wonderbaarlijk en waarvan we de code volledig kunnen kennen. Het bijzondere aan deze bibliotheek is dat deze uit slechts 65 regels bestaat. Nieuwe CSS3-functies zijn aanwezig in het diepteveld-effect.
Beeldpanelen glijdend
Je hebt toegang tot de tutorial vanaf hier Zijn grote waarde is hoe soepel de animaties bij het verschuiven van de beeldpanelen. U heeft toegang tot vier variaties om ze op uw website op te nemen en een prachtig resultaat te bereiken.
Dubbele ring
We zijn eerder een perfect nagemaakte ring met een geweldige productie-animatie. Vanuit codepen.io heb je toegang tot alle code die uit honderden regels bestaat.
Flexbox
Flexboxen zijn de nieuwe CSS-manier om kolommen op een pagina weer te geven. EEN vrij uitgebreide gids om deze containers te begrijpen.
Een kleurrijk navigatiemenu
U heeft toegang tot alle HTML en CSS voor dit navigatiemenu die veel liefde voor kleur beweert. Het is volledig gemaakt in CSS zodat je jezelf kunt onderdompelen in deze taal.
Voortgangsbalken in CSS3
Hoewel het in het Engels is, zoals de meeste boekhandels, HTML en CSS zijn goed gedetailleerd moest geweldige voortgangsbalken voor het ontwerp hebben. Verlopen, lijnen en andere soorten visuele effecten wachten op u.
Animate.css
Populair op GitHub, het is volledig gedaan in CSS Kies de animatie die u wilt weten, en u hoeft alleen maar op de knop "Animeren" te klikken om het effect in Animate.css te zien. Je kunt het downloaden of bekijken op GitHub.
spinkit
We worden geconfronteerd met een verzameling indicatoren die dat wel kunnen dienen voor allerlei visuele elementen in het web. Klik op "Bron" en u vindt alle code die nodig is voor de uitvoering ervan.
Knopen
een CSS-knopbibliotheek van alle manieren en ideeën om degene te vinden die u nodig hebt om uzelf te onderscheiden van de concurrentie. Vanuit de zijbalk kun je de vormen of effecten die je niet wilt vinden deactiveren en zo op één in het bijzonder focussen.
FlipSwitch
We zijn eerder een app waarmee je bepaalde knoppen kunt uitschakelen om er een te maken die precies is waarnaar we op zoek zijn. We gebruiken de verschillende instellingen en uiteindelijk kunnen we de code reproduceren die we voor onze website zullen kopiëren. Een zeer interessante bron vanwege zijn veelzijdigheid en geweldige stijl.
hint.css
een CSS-bibliotheek zonder JavaScript en klaar voor gebruik zoals je wilt. Klein van formaat, gebruiksvriendelijk en werkt in alle moderne webbrowsers.
Kleuren.css
Voor degene die zoek naar kleur bij een interessant alternatief en dat maakt snelle prototyping mogelijk voor websites met een geweldig visueel aspect.
Voxels.css
Als je Minecraft kent, het constructiespel, dan is deze CSS-bibliotheek zeker gemakkelijk te herkennen. Draai terwijl we in het midden drukken om de roosters te gaan genereren.
Typografie
een puur CSS-lettertype lichtgewicht gewoon perfect voor uw volgende project.
spinners
een grote verzameling animaties van het laden van pictogrammen in CSS en HTML.
Laadlijnindicatoren
Pure tekst in CSS-paarom alle soorten indicatoren te laden Een geweldige bron om die noodzakelijke en juiste indicator voor uw website te vinden.
CSS-lader
Ander lettertype voor het laden van pictogrammen die kan worden aangepast voor allerlei animaties.
Afbeelding zweven
een schaalbare CSS-bibliotheek en van weinig gewicht aan afbeeldingen voor die klasse «hover».
hue.css
Een bron van 49 verlopen of fotorealistische verlopen voor alle soorten inhoud en afbeeldingen.
materialiseren
Un CSS-framework op basis van Material Design, het ontwerpprincipe dat Google gebruikt in een groot aantal apps en in het eigen Android-besturingssysteem.
Mis de afspraak niet met hoog afgewerkte banen met SVG-afbeeldingen.