Forked from orioltf's Pen CSS slide-out footer.
A Pen by Charles F. on CodePen.
cfinster
This file contains hidden or 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
| $grey: #808080; | |
| $grey-dark: darken($grey, 30); // 30% darker | |
| $grey-light: lighten($grey, 10); // 10% lighter | |
| body { | |
| color: $grey-dark; | |
| } | |
| .footnote { | |
| color: $grey-light; | |
| } |
cfinster
/ gist:5a5eb7d3ce37dcfc9fb1
Created
March 17, 2015 00:31
This file contains hidden or 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
| http://bit.ly/1EWQmV2 |
cfinster
/ gist:a11a7d093220e66a3350
Created
March 4, 2015 22:41
This file contains hidden or 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
| gradients shade.js: | |
| darkpurple--to--purple | |
| background-image: linear-gradient(-90deg, #360F52, #20041F); | |
| purple--to--white: | |
| background-image: linear-gradient(-90deg, #FFFFFF, #71195E); | |
| vase -- grape: |
cfinster
/ my.css
Created
February 27, 2015 16:51
— forked from anonymous/my.css
This file contains hidden or 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
| background: linear-gradient(270deg, #25072b, #9926b0); | |
| background-size: 400% 400%; | |
| -webkit-animation: AnimationName 18s ease infinite; | |
| -moz-animation: AnimationName 18s ease infinite; | |
| -o-animation: AnimationName 18s ease infinite; | |
| animation: AnimationName 18s ease infinite; | |
| @-webkit-keyframes AnimationName { | |
| 0%{background-position:50% 0%} | |
| 50%{background-position:51% 100%} | |
| 100%{background-position:50% 0%} |
cfinster
/ gradient for buttons - dark on top+ slightly lighter to the bottom
Created
February 27, 2015 00:57
gradient for buttons - dark on top+ slightly lighter to the bottom
cfinster
/ gist:bb7d1a138f851ea98183
Created
February 26, 2015 22:15
This file contains hidden or 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
| background-image: -webkit-gradient( | |
| linear, | |
| right top, | |
| right bottom, | |
| color-stop(0, rgb(250, 239, 252)), | |
| color-stop(0.52, rgb(221, 195, 227)), | |
| color-stop(0.87, rgb(29, 3, 36)) | |
| ); | |
| background-image: -o-linear-gradient(bottom, rgb(250, 239, 252) 0%, rgb(221, 195, 227) 52%, rgb(29, 3, 36) 87%); | |
| background-image: -moz-linear-gradient(bottom, rgb(250, 239, 252) 0%, rgb(221, 195, 227) 52%, rgb(29, 3, 36) 87%); |
cfinster
/ my.css
Created
February 26, 2015 20:23
— forked from anonymous/my.css
This file contains hidden or 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
| background: linear-gradient(226deg, #e37ada, #561751); | |
| background-size: 400% 400%; | |
| -webkit-animation: AnimationName 15s ease infinite; | |
| -moz-animation: AnimationName 15s ease infinite; | |
| -o-animation: AnimationName 15s ease infinite; | |
| animation: AnimationName 15s ease infinite; | |
| @-webkit-keyframes AnimationName { | |
| 0%{background-position:0% 77%} | |
| 50%{background-position:100% 24%} | |
| 100%{background-position:0% 77%} |
cfinster
/ my.css
Last active
August 29, 2015 14:16
— forked from anonymous/my.css
This file contains hidden or 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
| background: linear-gradient(54deg, #63185d, #ae4ea6, #7d2275); | |
| background-size: 600% 600%; | |
| -webkit-animation: AnimationName 9s ease infinite; | |
| -moz-animation: AnimationName 9s ease infinite; | |
| -o-animation: AnimationName 9s ease infinite; | |
| animation: AnimationName 9s ease infinite; | |
| @-webkit-keyframes AnimationName { | |
| 0%{background-position:53% 0%} | |
| 50%{background-position:48% 100%} | |
| 100%{background-position:53% 0%} |
cfinster
/ essential-javascript-links.md
Last active
August 29, 2015 14:15
— forked from ericelliott/essential-javascript-links.md
A curated list by Eric Elliott and friends. Suggest links in the gist comments.
Help us turn this into a proper website!
This is a very exclusive collection of only must-have JavaScript links. I'm only listing my favorite links. Nothing else makes the cut. Feel free to suggest links if you think they're good enough to make this list. The really curious should feel free to browse the comments to find other links. I can't guarantee the quality of links in the comments.