Skip to content

Instantly share code, notes, and snippets.

Clément P yukulele

  • France
Block or report user

Report or block yukulele

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@yukulele
yukulele / dabblet.css
Created May 30, 2012 — forked from anonymous/dabblet.css
My first 3D trasform + transition test
View dabblet.css
/* My first 3D trasform + transition test */
#c
{
left: 50%;
perspective: 230px;
perspective-origin: 50% 80%;
position: absolute;
top: 50%;
View dabblet.css
/**
* 3D cube
*/
#cube {
position:relative;
background:#ccc;
width:300px;
height:300px;
margin:0 auto;
View dabblet.css
/**
* 3D cube
*/
html,body{
overflow:hidden;
}
#cube {
position:relative;
background:#ccc;
perspective: 200px;
View dabblet.css
/**
* Smiling dice
* http://dabblet.com/gist/3299972
*/
html{
background: #333;
color: white;
}
#cube {
@yukulele
yukulele / dabblet.css
Created Aug 24, 2012
CSS3 transform + transition experiment
View dabblet.css
/**
* CSS3 transform + transition experiment
*/
@import url("http://fonts.googleapis.com/css?family=Indie+Flower");
#e{
margin-top:40px;
}
#e>div{
display:inline-block;
width:300px;
View dabblet.css
/* font-size tests*/
div{
background:#eee;
margin:30px;
}
#d1{
font-size:38px;
width:378px;
height:189px;
@yukulele
yukulele / dabblet.css
Created Aug 29, 2012
css3 new units: vh, vw, vmin, vmax
View dabblet.css
/* css3 new units: vh, vw, vmin, vmax */
/* (webkit) */
div{
position:absolute;
top:0;
left:0;
}
#d0{
height:20vmax;
View dabblet.css
/**
* Menu CSS3
*/
nav{
display:block;
text-align:center;
}
nav ul{
list-style:none;
margin:0;padding:0;
View dabblet.css
/* CSS3 checkbox */
/* don't works on firefox :-( */
input[type=checkbox]{
position:relative;
display:inline-block;
width : 40px;
height : 40px;
font-size: 40px;
background:#009;
visibility:hidden;
@yukulele
yukulele / dabblet.css
Created Sep 19, 2012
pure css vertical/horizontal aligner
View dabblet.css
#my_div{
background:#aaa;
width:500px;
height:400px;
resize:both;
overflow:auto;
}
#my_div>div{
background:#444;
color:#eee;
You can’t perform that action at this time.