Die Simpsons in CSS

[Matthias Apsel]

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

[Tom]

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

[M.]

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

[Tom]

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

[Linuchs]

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

[Tom]

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

[Meinereiner]

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