Pens from Michael Edelstone https://codepen.io/edelstone/ en nospam@codepen.io Copyright 2024 2020-10-12T21:22:20-07:00 Table row overflows table using scale transform https://codepen.io/edelstone/pen/bRGeyN https://codepen.io/edelstone/pen/bRGeyN Michael Edelstone

See the Code - See it Full Page - See Details

]]>
Table row overflows table using scale transform 2017-06-03T04:26:47-07:00
Fade in Background Image https://codepen.io/edelstone/pen/NpaYeO https://codepen.io/edelstone/pen/NpaYeO Michael Edelstone

See the Code - See it Full Page - See Details

Using CSS animations we mimick a full page background image being faded in. Since we're just fading in the image, we can't put it on the body. Instead, we're creating a div and then manipulating that. We need to add a class to it once the animation is complete which I'm doing via jQuery.

]]>
Fade in Background Image 2017-03-16T00:26:35-07:00
Stranger Things Logo in HTML & CSS https://codepen.io/edelstone/pen/NrJqZY https://codepen.io/edelstone/pen/NrJqZY Michael Edelstone

See the Code - See it Full Page - See Details

A rendering of the Stranger Things opening credits typography in HTML and CSS.

]]>
Stranger Things Logo in HTML & CSS 2020-10-01T03:48:01-07:00
FAQ Accordion https://codepen.io/edelstone/pen/YypRzq https://codepen.io/edelstone/pen/YypRzq Michael Edelstone

See the Code - See it Full Page - See Details

This is a demo for the FAQ, Calendar, and RSS paragraph type inside the Gato Content Management System at Texas State University.

]]>
FAQ Accordion 2020-10-12T21:22:20-07:00
Scroll to Fixed with Margin https://codepen.io/edelstone/pen/rVpqpz https://codepen.io/edelstone/pen/rVpqpz Michael Edelstone

See the Code - See it Full Page - See Details

]]>
Scroll to Fixed with Margin 2015-06-29T18:40:09-07:00