CodePen.IOCont verificat

@CodePen

Build, test, and discover front-end code 👩🏽‍💻 Support:

All remote team!
S-a alăturat în martie 2012

Tweeturi

Ai blocat pe @CodePen

Sigur vrei să vezi aceste Tweeturi? Vizualizarea Tweeturilor nu va debloca utilizatorul @CodePen

  1. a redistribuit
    acum 16 ore

    TIL text-emphasis 🎉 em { text-emphasis: filled double-circle deeppink; } 🤯 Put emphasis or an accent on a letter, word or sentence with this nifty prop Play via Read more (spec)

    Bears beats Battlestar Galactica

No shirt, no shoes, no diiiiiiice.

I'm gonna make him an offer he can't refuse.

Show me the money!

Roses really smell like pooOOoo
    Anulează acțiunea
  2. a redistribuit
    9 sept.

    sept week 1 challenge: 100 divs responsive endless scrolling generative patterns built w/ 's lovely ScrollTrigger plugin (yeah I had to pepper in a couple spans b/c my maths were fuzzy- as always best experienced in via chromium)

    Anulează acțiunea
  3. a redistribuit
    10 sept.

    been awhile since i did a challenge. 100 divs - recursive mesh. the power of inheritance.

    Anulează acțiunea
  4. a redistribuit
    9 sept.

    My first entry for this week 🥳 🟥🟧🟨🟩🟦🟪 Move your mouse or finger to update the pattern and click to zoom! 🖱 🟥🟧🟨🟩🟦🟪 Alt: a grid of 10x10 neon squares with their backgrounds animated

    Anulează acțiunea
  5. a redistribuit
    9 sept.

    My contribution to the 100 div challenge on : 🎈 99 Luftballons... in a div Because, why not? 😃

    Anulează acțiunea
  6. a redistribuit
    8 sept.
    Anulează acțiunea
  7. a redistribuit
    8 sept.

    Heard of the "Naughty Step"? 👀 How about the "Cool Steps"? 😎 Responsive animated steps made with CSS 💪 How does it work? Tap for a little perspective 👇 💻 via

    Anulează acțiunea
  8. 8 sept.

    Multiple cursors can be so dang handy (command-click). This video is refactoring some HTML into Pug and it's so easy to see what is going on on multiple lines this way.

    Anulează acțiunea
  9. a redistribuit
    8 sept.

    Uncover the "Dog of the Day" in this silly "flip puzzle" for my entry to the prompt to use exactly 100 divs. The trick here is running the flip animation only once, and only allowing it to run on :hover

    Anulează acțiunea
  10. a redistribuit
    8 sept.

    I made this! /* codepen */ WebGL Distortion Effects /* references */ I wrote on its pen description.🙏

    Anulează acțiunea
  11. 7 sept.

    The September starts today 🎉 This month, we're working with So! Much! HTML! Let's begin with 100 divs Thanks for sponsoring!

    Anulează acțiunea
  12. a redistribuit
    6 sept.

    Text Mask on : Click to generate a new pattern. You can enter any text.

    Anulează acțiunea
  13. a redistribuit
    6 sept.

    Voronoi Crystals A colourful Voronoi diagram that shimmers and shifts as crystal. Plenty of parameters to tweak in this one, made with the help of d3-delaunay. View it on at

    Anulează acțiunea
  14. a redistribuit
    4 sept.
    Anulează acțiunea
  15. a redistribuit
    5 sept.

    I forked and endlessly tweaked my psychedelic ocean pen until I found myself wandering through a generative landscape :) via

    Anulează acțiunea
  16. a redistribuit
    4 sept.
    CSS illustration of Eleven from Stranger Things
    Anulează acțiunea
  17. a redistribuit
    3 sept.
    Anulează acțiunea
  18. a redistribuit
    3 sept.

    I coded a pen where you're a pen that herds CodePen pens into a pen

    Anulează acțiunea
  19. a redistribuit
    2 sept.

    Too many choices always a bad thing? Naah...at least when it comes to colours. New theme switcher with a bit of Gsap

    Anulează acțiunea
  20. a redistribuit
    1 sept.

    Getting back into P5JS with some simple daily projects. Here's Cycles of Tension, a generative design piece on anxiety. View it in action on at

    Rigid mountain lines quaver about their positions, relaxing into lines then tensing into peaks in repeated cycles.
    Anulează acțiunea

Încărcarea pare că durează ceva timp.

Este posibil ca Twitter să fie suprasolicitat momentan sau să întâmpine mici probleme. Încearcă din nou sau vizitează Starea Twitter pentru mai multe informații.

    S-ar putea să-ți placă și

    ·