Adds the classic 3d text-shadow effect using Sass
Updated: Now takes an angle argument!
A Pen by Riley Shaw on CodePen.
rileyjshaw
/ Simple-Flash-Reader-(with-input).markdown
Created
October 23, 2013 10:38
A Pen by Riley Shaw.
Pretty awesome.
Instructions:
- Paste some content into the textarea
- Press ENTER: Load textarea content into flash reader, or recall textarea
- Hold RIGHT: Read loaded content through a series of flashing words
- Press or hold UP: Increase speed
- Press or hold DOWN: Decrease speed
Something like this could expand outwards forever with enough box-shadows, but I limited myself to two (plus two more on each pseudo element).
The only real trickiness here is using a border-style of "double" and a background-clip property of "content".
Let me know if you can think of a way to add more! (gradient background, perhaps?)
A Pen by Riley Shaw on CodePen.
A very ugly implementation of something that looks quite pretty.
A Pen by Riley Shaw on CodePen.
Everybody's doing it! C'mon everybody, do the longshadow!
A Pen by Riley Shaw on CodePen.
rileyjshaw
/ Long-shadow radio buttons.markdown
Last active
December 26, 2015 20:59
Long-shadow radio buttons
rileyjshaw
/ Long-shadow checkboxes.markdown
Last active
December 26, 2015 20:59
Long-shadow checkboxes
An attempt to give flat buttons some depth. Let me know what you think! (Part of a series)
A Pen by Riley Shaw on CodePen.
rileyjshaw
/ Long-shadow-series-textarea.markdown
Created
October 29, 2013 12:03
A Pen by Riley Shaw.
Pretty boring, but intended to go with cdpn.io/xoirg and cdpn.io/xeaBz. More coming soon!
A Pen by Riley Shaw on CodePen.
rileyjshaw
/ Long-shadow-series-text-inputs.markdown
Created
October 29, 2013 12:20
A Pen by Riley Shaw.
Pretty boring, but intended to go with cdpn.io/xoirg and cdpn.io/xeaBz. More coming soon!
A Pen by Riley Shaw on CodePen.
Inspired by cdpn.io/fqHJI
A Pen by Riley Shaw on CodePen.