Pens from Kevin Ball https://codepen.io/kball/ en nospam@codepen.io Copyright 2024 2020-05-16T16:53:25-07:00 A Pen by Kevin Ball https://codepen.io/kball/pen/YzyJENM https://codepen.io/kball/pen/YzyJENM Kevin Ball

See the Code - See it Full Page - See Details

]]>
A Pen by Kevin Ball 2020-05-16T16:53:25-07:00
Zero Divs! Pure CSS pixel art animation! https://codepen.io/kball/pen/abboYbz https://codepen.io/kball/pen/abboYbz Kevin Ball

See the Code - See it Full Page - See Details

- No HTML! - No Javascript! - No Images! - Pure 100% unadulterated CSS!! Can CSS art get any purer than this? Don't try this at home kids! It's pointless and creates a much too big CSS file! Too big even for Codepen, so I had to link to it externally unfortunately :( but you can see for yourself it just a whole bunch of box-shadows: https://www.tinydesign.co.uk/css-pixels/css-pixels/css-pixel-box-shadows.css It's completely original and handcrafted by hand with code. You can see the making of it here: https://www.youtube.com/watch?v=KACYxrl9Mjw web: www.benevansdesign.co.uk insta: www.instagram.com/benevansdesign my usual hang out: www.twitter.com/ivorjetski

]]>
Zero Divs! Pure CSS pixel art animation! 2019-10-03T23:40:53-07:00
When is a table a table? https://codepen.io/kball/pen/dybxBmZ https://codepen.io/kball/pen/dybxBmZ Kevin Ball

See the Code - See it Full Page - See Details

An example set of tables that the browser will decide if it's a data or layout table Based on the findings of @edds

]]>
When is a table a table? 2019-10-03T00:12:08-07:00
Board example https://codepen.io/kball/pen/ydwZjz https://codepen.io/kball/pen/ydwZjz Kevin Ball

See the Code - See it Full Page - See Details

]]>
Board example 2019-07-11T22:22:19-07:00
Expandable component https://codepen.io/kball/pen/NmewpW https://codepen.io/kball/pen/NmewpW Kevin Ball

See the Code - See it Full Page - See Details

]]>
Expandable component 2019-04-25T22:27:37-07:00
overflow https://codepen.io/kball/pen/EJGbgX https://codepen.io/kball/pen/EJGbgX Kevin Ball

See the Code - See it Full Page - See Details

]]>
overflow 2019-04-25T22:19:28-07:00
A Pen by Kevin Ball https://codepen.io/kball/pen/xBojbM https://codepen.io/kball/pen/xBojbM Kevin Ball

See the Code - See it Full Page - See Details

]]>
A Pen by Kevin Ball 2019-03-27T23:35:19-07:00
Words Swirling In Effect https://codepen.io/kball/pen/MxMVeb https://codepen.io/kball/pen/MxMVeb Kevin Ball

See the Code - See it Full Page - See Details

]]>
Words Swirling In Effect 2019-03-27T23:07:32-07:00
Sheen Button Effect https://codepen.io/kball/pen/wOLmKV https://codepen.io/kball/pen/wOLmKV Kevin Ball

See the Code - See it Full Page - See Details

]]>
Sheen Button Effect 2019-03-27T22:54:35-07:00
Displaying slider value using :before https://codepen.io/kball/pen/bZPLZy https://codepen.io/kball/pen/bZPLZy Kevin Ball

See the Code - See it Full Page - See Details

]]>
Displaying slider value using :before 2019-03-27T22:38:25-07:00