Are you the publisher? Claim or contact us about this channel


Embed this content in your HTML

Search

Report adult content:

click to rate:

Account: (login)

More Channels


Channel Catalog


older | 1 | (Page 2)

    0 0
  • 05/17/16--21:28: Fun Flexbox Grid
  • See the Code - See it Full Page - See Details

    A complicated grid, easy to execute just using flexbox! Also uses VH units

    This Pen uses: HTML, CSS, JavaScript, and


    0 0

    See the Code - See it Full Page - See Details

    Checks the browser for clip-path support and renders if so, along with margins and paddings. If not, renders as basic rectangles

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 10/22/16--06:46: Eleven (In Progress)
  • See the Code - See it Full Page - See Details

    Working on a CSS only illustration of Eleven from Stranger Things (originally drawn by Lynsey Gray). Just for fun.

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 12/13/16--22:42: SVG Triangle W/ Gradient
  • See the Code - See it Full Page - See Details

    This Pen uses: HTML, CSS, JavaScript, and


    0 0

    See the Code - See it Full Page - See Details

    Playing with repeating stripe backgrounds. Unfortunately, Chrome has a bug that won't allow crisp edges, so I'll be reverting to an image here.

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 07/07/17--19:23: Morphing CSS Icons
  • See the Code - See it Full Page - See Details

    CSS icons that morph into each other.

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 07/14/17--20:12: First CSS Grid Layout
  • See the Code - See it Full Page - See Details

    Playing with my first CSS Grid layout!

    This Pen uses: HTML, CSS, JavaScript, and


    0 0

    See the Code - See it Full Page - See Details

    Making full CSS rounded corner buttons with a gradient border.

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 11/28/17--18:20: CSS Close Hover Animation
  • See the Code - See it Full Page - See Details

    CSS only animation of a dash turning into an X on hover.

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 11/29/17--18:19: Animated SVG Gradients
  • See the Code - See it Full Page - See Details

    Animating SVG gradient fills using pattern and moving rectangles. Uses SVG only!

    This Pen uses: HTML, CSS, JavaScript, and


    0 0

    See the Code - See it Full Page - See Details

    Animated path using CSS animations - only works right in webkit. FF stinks.

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 12/08/17--20:11: Another CSS Grid Layout
  • See the Code - See it Full Page - See Details

    Playing around with CSS Grid more. Still looks bonk in responsive views

    This Pen uses: HTML, CSS, JavaScript, and


    0 0
  • 01/21/18--01:13: Responsive Flexbox Tables
  • See the Code - See it Full Page - See Details

    This Pen uses: HTML, CSS, JavaScript, and


    0 0

    See the Code - See it Full Page - See Details

    Using only 2 divs to create two backgrounds, one with a clip path, image, and blend mode on top of a gradient

    This Pen uses: HTML, CSS, JavaScript, and


older | 1 | (Page 2)