Pens from RedRiderX https://codepen.io/RedRiderX/ en nospam@codepen.io Copyright 2024 2015-03-22T23:43:30-07:00 Using jQuery Corners https://codepen.io/RedRiderX/pen/OPrGzb https://codepen.io/RedRiderX/pen/OPrGzb RedRiderX

See the Code - See it Full Page - See Details

Pen made for https://redriderx.wordpress.com/2015/03/22/achieving-an-inset-border-radius-on-the-web-the-methods-and-madness-of-beveled-corners/

]]>
Using jQuery Corners 2015-03-22T23:01:38-07:00
Moon https://codepen.io/RedRiderX/pen/myagOy https://codepen.io/RedRiderX/pen/myagOy RedRiderX

See the Code - See it Full Page - See Details

Forked from [Mathieu Corcessin](http://codepen.io/Maathieu24/)'s Pen [Moon](http://codepen.io/Maathieu24/pen/ByvMKY/). Basically just seeing if I could keep the semantic value while maintaining the design.

]]>
Moon 2015-03-22T21:49:03-07:00
Using Gradients https://codepen.io/RedRiderX/pen/GgPewb https://codepen.io/RedRiderX/pen/GgPewb RedRiderX

See the Code - See it Full Page - See Details

Pen made for https://redriderx.wordpress.com/2015/03/22/achieving-an-inset-border-radius-on-the-web-the-methods-and-madness-of-beveled-corners/

]]>
Using Gradients 2015-03-22T20:30:01-07:00
Using border-radius... sort of https://codepen.io/RedRiderX/pen/ogJmbx https://codepen.io/RedRiderX/pen/ogJmbx RedRiderX

See the Code - See it Full Page - See Details

Pen made for https://redriderx.wordpress.com/2015/03/22/achieving-an-inset-border-radius-on-the-web-the-methods-and-madness-of-beveled-corners/

]]>
Using border-radius... sort of 2015-03-22T23:43:30-07:00
A Horrible Abuse of Gradients in the Name of Fancy Buttons https://codepen.io/RedRiderX/pen/RNEEXo https://codepen.io/RedRiderX/pen/RNEEXo RedRiderX

See the Code - See it Full Page - See Details

I would have added more transitions but since the background can't be properly animated all other animations seemed a bit out of place. Credit for Lea Verou for the [method of using gradients:](http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/) See also https://redriderx.wordpress.com/2015/03/22/a-horrible-abuse-of-gradients-in-the-name-of-fancy-buttons/

]]>
A Horrible Abuse of Gradients in the Name of Fancy Buttons 2015-03-22T13:40:49-07:00
CSS Donation Thermometer https://codepen.io/RedRiderX/pen/bGxNdB https://codepen.io/RedRiderX/pen/bGxNdB RedRiderX

See the Code - See it Full Page - See Details

Built so a PHP variable can control the percentage of completed donations. Forked from [Tommy Creenan](http://codepen.io/TommyCreenan/)'s Pen [CSS Donation Thermometer](http://codepen.io/TommyCreenan/pen/pCslj/).

]]>
CSS Donation Thermometer 2014-09-03T01:36:21-07:00