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
/** | |
* Traffic light animation | |
*/ | |
#trafficlight{ | |
background:#333; | |
height:300px; | |
width:150px; | |
border-radius:30px; | |
margin:3em auto; |
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
/** | |
* A Very Brady Adjacent Sibling Selector Demo | |
*/ | |
body{ | |
background: #000; | |
min-height: 100%; | |
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; | |
} |
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
/** | |
* Scrolling shadows by @kizmarh and @leaverou | |
* Only works in browsers supporting background-attachment: local; & CSS gradients | |
* Degrades gracefully | |
*/ | |
html { | |
background: white; | |
font: 120% sans-serif; | |
} |
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
/** | |
* Scrolling shadows by @kizmarh and @leaverou | |
* Only works in browsers supporting background-attachment: local; & CSS gradients | |
* Degrades gracefully | |
*/ | |
html { | |
background: white; | |
font: 120% sans-serif; | |
} |
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
p { margin: 0; padding: 0; } | |
div { background: linear-gradient(white 50%, beige 50%); | |
background-origin: content-box; /* İçeriğin başladığı alan */ | |
background-size: 100% 3em; /*iki katı olması gerekiyor. line-height'in*/ | |
font-size: 120%; | |
line-height: 1.5; /* background-size - 2 katı olmalı*/ | |
} |
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
p { margin: 0; padding: 0; } | |
div { background-image: linear-gradient(black 1px, transparent 1px); | |
background-origin: content-box; /* İçeriğin başladığı alan */ | |
background-size: 100% 1.5em; | |
background-position: 0 -.2em; | |
font-size: 120%; | |
line-height: 1.5; | |
width: 500px; | |
height: 500px; | |
font-family: Comic Sans MS; |
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
var markers = [ | |
['Bondi Beach', -33.890542, 151.274856], | |
['Coogee Beach', -33.923036, 151.259052], | |
['Cronulla Beach', -34.028249, 151.157507], | |
['Manly Beach', -33.80010128657071, 151.28747820854187], | |
['Maroubra Beach', -33.950198, 151.259302] | |
]; | |
function initializeMaps() { | |
var myOptions = { |
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
img{ | |
min-width: 100%; | |
height: auto; | |
} | |
.content{ | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; |
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
/*Container*/ | |
.container{ | |
width:820px; | |
margin:30px auto; | |
padding:25px; | |
min-height:400px; | |
height:auto; | |
} | |
.container h2 { margin-top:30px;} |
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 { | |
background: #ccc51c; | |
min-height: 100%; | |
} | |
h1 { | |
position: absolute; | |
left: 50%; | |
margin-left: -1.9em; | |
color: hsla(0,0%,100%,.3); |
OlderNewer