A Pen by Paulo Coelho Alves on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* This gulpfile considers the following directory structure: | |
* | |
* . | |
* ├── app PHP framework stuff | |
* ├── bower_components Front-end libraries | |
* ├── node_modules Gulp & Gulp modules | |
* ├── public Production-ready assets | |
* │ ├── css | |
* │ ├── fonts |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Custom radio buttons & checkboxes with CSS | |
* http://lea.verou.me/css3-secrets/#slide31 | |
*/ | |
/** | |
* These styles are for this dabblet only | |
*/ | |
body { | |
color: #111; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* CSS border experiments | |
*/ | |
.bd { | |
display: inline-block; | |
border-top: 100px solid #e55; | |
border-left: 100px solid #e55; | |
border-right: 100px solid #e55; | |
border-bottom: 100px solid #e55; | |
width: 1px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* CSS Triangle border | |
*/ | |
body { | |
background-color: #e6e6da; | |
color: black; | |
font-family: sans-serif; | |
font-size: 14px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Full page background | |
* http://css-tricks.com/perfect-full-page-background-image/ | |
*/ | |
.bg { | |
position: fixed; | |
top: -50%; | |
left: -50%; | |
width: 200%; |
NewerOlder