Die Simpsons in CSS
Matthias Apsel
- sonstiges
Om nah hoo pez nyeetz, alle!
Es ist eine ganze Menge möglich, wenn man nur genügend Langeweile hat. Im IE6 sehen die wahrscheinlich alle gleich aus. https://pattle.github.io/simpsons-in-css/
Matthias
Hello Matthias,
Om nah hoo pez nyeetz, alle!
Es ist eine ganze Menge möglich, wenn man nur genügend Langeweile hat. Im IE6 sehen die wahrscheinlich alle gleich aus. https://pattle.github.io/simpsons-in-css/
Das raubt mir jetzt wieder jeglichen Glauben daran, dass ich mal irgendwann ansatzweise anständiges™ CSS lernen könnte. Hast Du schon irgendwo (in seiner Beschreibung) gelesen, wie lange er dafür gebraucht hat?
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Mahlzeit,
Hast Du schon irgendwo (in seiner Beschreibung) gelesen, wie lange er dafür gebraucht hat?
Wenn er ein echter Nerd ist, 30 Minuten :D
Hello,
Hast Du schon irgendwo (in seiner Beschreibung) gelesen, wie lange er dafür gebraucht hat?
Wenn er ein echter Nerd ist, 30 Minuten :D
Hätte ich früher bestimmt geschafft, als man noch im Real-Mode programmiert hat. *trommel*
Aber für das Tool, das ich mir dafür gebastelt hätte, hätte ich bestimmt Wochen benötigt :-O
Und bei 15 Grafiken hätte sich das vielleicht schon gelohnt.
Also müsste es jetzt doch bestimmt bald ein Tool "DWG to CSS" geben :-)
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Erinnert mich an Urzeiten, wo wir Grafiken durch Punkte erzeugten. Vergleichbarer Aufwand.
Interessant: Wo steckt im CSS der Zeitgeber, der die Augen blinzeln lässt?
Linuchs
Hello,
Erinnert mich an Urzeiten, wo wir Grafiken durch Punkte erzeugten. Vergleichbarer Aufwand.
Interessant: Wo steckt im CSS der Zeitgeber, der die Augen blinzeln lässt?
Linuchs
z.B. bei Bart:
#bart .head .right-eye .eyelid-top
{
top: -18px;
left: 0px;
width: 30px;
height: 17px;
border-bottom: 1px solid #110b00;
border-radius: 50% 50% 0 0;
-webkit-animation-name: bartrighteyelidtop;
-webkit-animation-duration: 10s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: bartrighteyelidtop;
animation-duration: 10s;
animation-timing-function: linear;
animation-delay: 2.5s;
animation-iteration-count: infinite;
animation-play-state: running;
}
#bart .head .right-eye .eyelid-bottom
{
bottom: -11px;
left: 0px;
width: 30px;
height: 10px;
border-top: 1px solid #110b00;
border-radius: 0 0 50% 50%;
-webkit-animation-name: bartrighteyelidbottom;
-webkit-animation-duration: 10s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: bartrighteyelidbottom;
animation-duration: 10s;
animation-timing-function: linear;
animation-delay: 2.5s;
animation-iteration-count: infinite;
animation-play-state: running;
}
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Im IE6 sehen die wahrscheinlich alle gleich aus.
Nicht ganz ;)
http://netrenderer.de/index.php?browser=ie6&url=https%3A%2F%2Fpattle.github.io%2Fsimpsons-in-css%2F&voffset=500&go=Render