Skip to content

Instantly share code, notes, and snippets.

@gcyrillus

gcyrillus/dabblet.css

Created June 24, 2012 00:19
Show Gist options
  • Save gcyrillus/2980691 to your computer and use it in GitHub Desktop.
Save gcyrillus/2980691 to your computer and use it in GitHub Desktop.
Download ZIP
Gcyrillus, juste pour l'anecdote !
Raw
dabblet.css
/* Gcyrillus, juste pour l'anecdote !
1 lien pour 4 couleur de fond */
html {
background-color: #f06;
background-image: linear-gradient(-45deg, #000 400px, yellow 50%, transparent 60%);
min-height: 100%;
background-size:100%;
position:relative;
}
a, .kesako {color:white; text-shadow:0 0 2px #0054BB,0 0 2px #0054BB,0 0 2px #0054BB,0 0 2px #0054BB,0 0 2px #0054BB;font-size:1.5em;font-falily:georgia; }
a {display:inline-block;/* pour l'astuce, sinon pas :before/:after */}
a:after {
opacity:0.75;
content:'';
z-index:-1;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
a:hover:after {background:#234;}
a:focus:after {background:#cde;}
a:active:after {background:#167;}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<p><a href="#" tabindex="0">change moi cette couleur de fond</a> Oh le tricheur !</p>
<p class="kesako">Pour changer et passer par 4 couleurs de fond.</p>
<ol class="kesako">
<li>survoler le lien</li>
<li>Maintenez le clic sur le lien</li>
<li>Relacher la souris</li>
<li>Cliquer à l'exterieur du lien.</li>
</ol>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment