- Web Docs
- Specs
- Can I use
- Should I use
- Shadow DOM selectors - Form Pseudo Elements
- [Cursors](http://dochub.io/#css/css cursor)
Paul Fields LliyoR
LliyoR
/ dabblet.css
Created
December 26, 2015 00:21
— forked from csssecrets/dabblet.css
Vertical stripes
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
| /** | |
| * Vertical stripes | |
| */ | |
| height: 100%; width: 100%; | |
| background: | |
| linear-gradient( | |
| to right, | |
| #fb3 50%, | |
| #58a 0); | |
| /*bg repeated 15 times and finishing |
LliyoR
/ dabblet.css
Created
December 25, 2015 23:35
— forked from csssecrets/dabblet.css
Inner rounding
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
| /** | |
| * Inner rounding | |
| */ | |
| div { | |
| border-radius: .8em; | |
| outline:calc(.34em + .01em) solid #655; /*min .35em*/ | |
| box-shadow:0 0 0 .34em #655; /*min .34em*/ | |
| max-width: 10em; |
LliyoR
/ dabblet.css
Created
December 24, 2015 16:12
— forked from csssecrets/dabblet.css
Flexible background positioning
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
| /** | |
| * Flexible background positioning | |
| * via calc() | |
| */ | |
| div { | |
| margin: 3em auto; | |
| background: url(http://csssecrets.io/images/code-pirate.svg) | |
| no-repeat bottom right #58a; | |
| background-position: calc(100% - 20px) calc(100% - 10px); |
LliyoR
/ dabblet.css
Last active
December 24, 2015 16:01
— forked from csssecrets/dabblet.css
Flexible background positioning
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
| /** | |
| * Flexible background positioning | |
| * via extended background-position | |
| */ | |
| div { | |
| background: url(http://csssecrets.io/images/code-pirate.svg) | |
| no-repeat bottom right #58a; | |
| background-origin: content-box; | |
LliyoR
/ dabblet.css
Last active
December 24, 2015 15:44
— forked from csssecrets/dabblet.css
Multiple borders
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
| /** | |
| * Multiple borders | |
| */ | |
| div { | |
| width: 100px; | |
| height: 60px; | |
| margin: calc(50% - 40px) auto; | |
| background: yellowgreen; | |
| box-shadow: |
LliyoR
/ dabblet.css
Created
December 24, 2015 15:20
— forked from csssecrets/dabblet.css
Translucent borders
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
| /** | |
| * Translucent borders | |
| */ | |
| body { | |
| margin: 0; | |
| background: url('http://csssecrets.io/images/stone-art.jpg'); | |
| } | |
| div { |
LliyoR
/ github.css
Created
November 23, 2013 20:42
— forked from theconektd/github.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
| body { | |
| font-family: Helvetica, arial, sans-serif; | |
| font-size: 14px; | |
| line-height: 1.6; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| background-color: white; | |
| padding: 30px; } | |
| body > *:first-child { |
LliyoR
/ dabblet.css
Created
May 20, 2013 20:22
— forked from kizu/dabblet.css
Just for fun™: Flickr spinner in pure 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
| /** | |
| * Just for fun™: Flickr spinner in pure CSS | |
| * Now, with wider browser support! | |
| */ | |
| @keyframes move-right { | |
| to { right: 0; } | |
| } | |
| @keyframes move-padding { |
LliyoR
/ FronTools.md
Created
May 19, 2013 17:09
— forked from simurai/FronTools.md
LliyoR
/ high-dpi-media.css
Created
May 18, 2013 15:58
— forked from marcedwards/high-dpi-media.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
| /* ---------------------------------------------------------- */ | |
| /* */ | |
| /* A media query that captures: */ | |
| /* */ | |
| /* - Retina iOS devices */ | |
| /* - Retina Macs running Safari */ | |
| /* - High DPI Windows PCs running IE 8 and above */ | |
| /* - Low DPI Windows PCs running IE, zoomed in */ | |
| /* - Low DPI Windows PCs and Macs running Firefox, zoomed in */ | |
| /* - Android hdpi devices and above */ |
NewerOlder