SVG + CSS + GIF
Too heavy backgrounds : (
Forked from yoksel's Pen Selectable text with animated backgrounds.
sync101 sync101
sync101
/ Selectable-text-with-animated-backgrounds.markdown
Created
June 28, 2014 16:59
A Pen by sync101.
I made this Batman quiz... About Batman.
Forked from Ross Whitehouse's Pen Ross' Slightly Geeky Batman Quiz.
sync101
/ jsbin.saqeh.html
Created
May 6, 2014 20:09
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <link href="dvs/dvs_common_style.css" type="text/css" rel="stylesheet" /> | |
| <script src="dvs/ButtonClassicSkinPlay.js" type="text/javascript"></script> | |
| <script src="dvs/ClassicSkinPlay.js" type="text/javascript"></script> |
In a game of Dragonballs, each player is provided with a Random Dragonball Hex to transpose to a glyph by tracing from ball 1 to ball 7. In the Original image: (http://images4.wikia.nocookie.net/__cb20120225164128/dragonball/images/thumb/6/63/Dragon_Balls_.png/1091px-Dragon_Balls_.png) the glyph would look like the mirror image of the letter G.
I love Dragonball Z! So I made the 7 dragonballs with SASS and HAML. What do you think? :)
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
| body { | |
| font-family: 'Segoe UI', sans-serif; | |
| background-color: #FFFFFF; | |
| margin: 0; | |
| padding: 0; | |
| overflow: hidden; | |
| } | |
| canvas { | |
| position: absolute; |
sync101
/ dabblet.css
Created
February 25, 2014 07:00
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
sync101
/ dabblet.css
Created
February 24, 2014 00:16
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
sync101
/ dabblet.css
Created
February 24, 2014 00:16
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
sync101
/ dabblet.css
Created
February 22, 2014 15:00
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |