Skip to content

Instantly share code, notes, and snippets.

View pongwoutcode.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML pong</title>
<style>
#message{
font-family:sans-serif;
font-weight:bold;
text-align:center;
@maxpelic
maxpelic / dabblet.css
Created Mar 2, 2015
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
View dabblet.css
/**
* 3Dpage
*/
@import url(http://fonts.googleapis.com/css?family=New+Rocker);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);
body{
background-color:#ddd;
}
#back{
border-radius:10px;
View jsbin.icocigE.html
<!DOCTYPE html>
<html>
<head>
<title>3Dpage</title>
</head>
<body>
</body>
</html>
View dabblet.css
/**
* 3Dpage
*/
@import url(http://fonts.googleapis.com/css?family=New+Rocker);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);
body{
background-color:#ddd;
}
#back{
border-radius:10px;
View dabblet.css
/**
* unknown robot
*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Ruslan+Display);
h1 {
text-align:center;
-webkit-transition:box-shadow 5s, text-shadow 2s;
@maxpelic
maxpelic / dabblet.css
Created Aug 27, 2013
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
#button{
background-color:#FF6600;
box-shadow:0px 10px 0px #B24700;
border-radius:5px;
padding:10px;
View dabblet.css
/**
* title
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body{
background-color:#d6d6d6;
}
#title{
@maxpelic
maxpelic / dabblet.css
Created Aug 27, 2013
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
@import url(http://fonts.googleapis.com/css?family=Fredoka+One);
body{
font-family:Fredoka One;
}
View dabblet.css
/**
* font
*/
@import url(http://fonts.googleapis.com/css?family=Fredoka+One);
body{
font-family:Fredoka One;
text-align:right;
padding:100px;
}