Figle v CSS

by WolfeSVK

HTML

<center>

<div id="zlate">
Zlatý text
</div>

<a href="#" id="tlacitko">Stlač ma!</a>
<br><br><br>

<div id="citylights">
MESTO V NOCI
</div>
<br><br><br>

<div id="burning">
Horí ohník horí...
</div>


</center>

CSS

body {
background-color: #eee;
zoom: 3; -moz-transform: scale(3); -moz-transform-origin: 0 0
}

#tlacitko {
  background: #eee;
  width: 200px;
  height: 50px;
  display: inline-block;
  text-align: center;
  padding: 0px 0px;
  border-style:none;
  text-decoration:none;
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; color: #eee; opacity: .9; font: 40px 'Museo700';
}

#tlacitko:hover {
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; color: #eee; opacity: .9; font: 40px 'Museo700';
}

#tlacitko:active {
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #000; color: #ccc; opacity: .9; font: 40px 'Museo700';
  padding-top: 4px;
  padding-left: 4px;
}



#zlate {
width: 40%;
font-family: Impact;
font-size: 25px;
text-align: center;
line-height: 30px;
display: block;
border-radius: 15px;

text-shadow: -1px -1px 1px #E6CB74, 1px 1px 1px #6F4515 ; color: #B68D35; opacity: .9;

background: rgb(230,203,116);
background: -moz-linear-gradient(top,  rgba(230,203,116,1) 0%, rgba(228,201,114,1) 1%, rgba(229,202,115,1) 3%, rgba(220,192,109,1) 5%, rgba(193,163,91,1) 7%, rgba(167,136,71,1) 9%, rgba(151,119,60,1) 11%, rgba(129,94,40,1) 13%, rgba(116,78,29,1) 16%, rgba(115,74,28,1) 17%, rgba(108,67,21,1) 19%, rgba(111,68,23,1) 19%, rgba(111,69,21,1) 23%, rgba(117,76,24,1) 28%, rgba(128,86,28,1) 32%, rgba(131,90,26,1) 35%, rgba(145,102,34,1) 40%, rgba(153,110,41,1) 41%, rgba(168,127,45,1) 47%, rgba(172,130,48,1) 48%, rgba(182,141,53,1) 52%, rgba(186,145,55,1) 53%, rgba(188,148,53,1) 54%, rgba(202,160,62,1) 60%, rgba(204,162,60,1) 62%, rgba(207,165,63,1) 64%, rgba(207,164,59,1) 67%, rgba(208,165,61,1) 69%, rgba(205,162,60,1) 72%, rgba(182,137,44,1) 81%, rgba(174,129,38,1) 83%, rgba(155,110,27,1) 90%, rgba(151,105,27,1) 93%, rgba(152,106,28,1) 97%, rgba(150,104,26,1) 100%);
background: -webkit-linear-gradient(top,  rgba(230,203,116,1) 0%,rgba(228,201,114,1) 1%,rgba(229,202,115,1) 3%,rgba(220,192,109,1) 5%,rgba(193,163,91,1) 7%,rgba(167,136,71,1) 9%,rgba(151,119,60,1)...