Top code pens of 2020

I migliori Code Pen del 2020

Guarda i migliori Code Pens del 2020, visualizza il codice HTML, CSS e javascript. Modifica su CodePen.

Animazione tabs – Solo CSS

Visualizza il Pen Animazione tabs – Solo CSS by Milan Raring (@milanraring) on CodePen.

Lampadina con interruttore a filo

Visualizza il Pen Lampadina con interruttore a filo by Jhey (@jh3y) on CodePen.

Testata con transizioni

Visualizza il Pen Testata con transizioni by Paulina Hetman (@pehaa) on CodePen.

Scorrimento della pagina misto, verticale ed orizzontale con GSAP ScrollTrigger e Locomotive Scroll

Visualizza il Pen Scorrimento della pagina misto, verticale ed orizzontale con GSAP ScrollTrigger e Locomotive Scroll by Cameron Knight (@cameronknight) on CodePen.

Reazioni di feedback – Emoticon animate

Visualizza il Pen Reazioni di feedback – Emoticon animate by Aaron Iker (@aaroniker) on CodePen.

Carte pieghevoli per le festività – solo css

Visualizza il Pen Carte pieghevoli per le festività [CSS puro] by Madalena (@Maza-designDev) on CodePen.

Icone dei social media con popup (HTML + CSS)

Visualizza il Pen Icone dei social media con popup (HTML + CSS) by Abdelrhman Said (@abdelrhmansaid) on CodePen.


Pulsanti di controllo radio animati

Visualizza il Pen Pulsanti di controllo radio animati by Jon Kantner (@jkantner) on CodePen.

Pagina di errore 404

Visualizza il Pen Pagina di errore 404 by Swarup Kumar Kuila (@uiswarup) on CodePen.

Scheda prodotto – solo CSS

Visualizza il Pen Scheda prodotto – solo CSS by Adam Kuhn (@cobra_winfrey) on CodePen.


Griglia CSS responsiva- Libri

Visualizza il Pen Griglia CSS responsiva- Libri by Andy Barefoot (@andybarefoot) on CodePen.

Checkboxes neomorfiche

Visualizza il Pen Checkboxes neomorfiche by Braydon Coyer (@braydoncoyer) on CodePen.

Le lampadine di Newton ??

Visualizza il Pen Le lampadine di Newton ?? by Jhey (@jh3y) on CodePen.

Switch notte giorno

Visualizza il Pen Switch notte giorno by Steve Gardner (@ste-vg) on CodePen.

Scegli il tuo caffè

Visualizza il Pen Scegli il tuo caffè by Romina (@RominaMartin) on CodePen.

Simulatore folla

Visualizza il Pen Simulatore folla by Szenia Zadvornykh (@zadvorsky) on CodePen.

Effetto css: posters appesi e su stand

Visualizza il Pen Effetto css: posters appesi e su stand by Lynn Fisher (@lynnandtonic) on CodePen.


GSAP ScrollTrigger con Parallax Snap e ScrollToPlugin

Visualizza il Pen GSAP ScrollTrigger con Parallax Snap e ScrollToPlugin by Pete Barr (@petebarr) on CodePen.

Accedi / Registrati – css puro

Visualizza il Pen Accedi / Registrati – css puro – #12 by Ivan Grozdic (@ig_design) on CodePen.

Pagina 404

Visualizza il Pen pagina 404 by Kasper De Bruyne (@kdbkapsere) on CodePen.


Un gioco creato con solo CSS: devi costruire un faro.

Visualizza il Pen Un gioco creato con solo CSS: devi costruire un faro. by Ben Evans (@ivorjetski) on CodePen.

Modulo di accesso neumorfico

Visualizza il Pen Modulo di accesso neumorfico by Ricardo Oliva Alonso (@ricardoolivaalonso) on CodePen.

Animazione link al passaggio

Visualizza il Pen Animazione link al passaggio by Aaron Iker (@aaroniker) on CodePen.

Bongo cat che scrive codice

Visualizza il Pen Bongo cat che scrive codice #2 – Jamming by Caroline Artz (@carolineartz) on CodePen.

Sceda prezzi -css puro

Visualizza il Pen Sceda prezzi -css puro – #16 by Ivan Grozdic (@ig_design) on CodePen.

Griglia CSS: layout giornale

Visualizza il Pen Griglia CSS: layout giornale by Olivia Ng (@oliviale) on CodePen.

Pulsanti luminosi, effetto neon

Visualizza il Pen Pulsanti luminosi, effetto neon by Pranjal Bhadu (@bhadupranjal) on CodePen.

ScrollTrigger: maschera di test SVG

Visualizza il Pen ScrollTrigger: SVG Text Mas by Tom Miller (@creativeocean) on CodePen.

Effetto al passaggio del mouse su schede profilo

Visualizza il Pen Effetto al passaggio del mouse su schede profilo by P (@petegarvin1) on CodePen.

Interfaccia utente piattaforma social responsiva – UI design

Visualizza il Pen Interfaccia utente piattaforma social responsiva – UI design by Aysenur Turk (@TurkAysenur) on CodePen.

Aeroplano effetto scroll

Visualizza il Pen Airplanes. by Steve Gardner (@ste-vg) on CodePen.


Un altro slider di immagini

Visualizza il Pen Un altro slider di immagini by Arseny M. (@theseventh) on CodePen.

Toggles

Visualizza il Pen Toggles by Olivia Ng (@oliviale) on CodePen.

Animazione ed effetto parallasse con lo scrolling della pagina

See the Pen Animazione ed effetto parallasse con lo scrolling della pagina by isladjan (@isladjan) on CodePen.

Barra tabs / schede animata

Visualizza il Pen Barra tabs / schede animata by abxlfazl khxrshidi (@abxlfazl) on CodePen.

Interazioni al passaggio del mouse sulle schede

Visualizza il Pen Interazioni al passaggio del mouse sulle sched by Ryan Mulligan (@hexagoncircle) on CodePen.

Elementi Neumorfici

Visualizza il Pen Elementi Neumorfici by Maria M. Muñoz (@myacode) on CodePen.

Slider immagini

Visualizza il Pen Slider immagini | GSAP by Sikriti Dakua (@dev_loop) on CodePen.