Skip to content

Instantly share code, notes, and snippets.

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
*, *::before, *::after {
box-sizing: border-box;
}
body {
background: #FDFDFD;
margin: 25px 0;
}

Play Button

A little test interaction for an upcoming web project. Enjoy the bounce!

A Pen by Luke on CodePen.

License.

@CodeMyUI
CodeMyUI / css
Created July 15, 2015 23:58
Material Nav Header w/ Aligned Dropdowns by By Cole Waldrip : http://codepen.io/colewaldrip/pen/KpRwgQ
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Roboto', Arial, sans-serif;
background-color: #ebebeb;

Check Box Radial Wash

Very Android Lollipop. Wanted this feature when designing an app, and wanted to see what it would take in CSS.

Because of z-index issues, the background of the li has to be drawn with a :before element. Will fix it when I have time.

Check it out on Dribbble!: https://dribbble.com/shots/1968649-Radial-Checkbox

A Pen by Taylor Palmer on CodePen.