CSSのアニメーション機能で作られたうごくお魚

ソース: http://phpmagazin.de/news/CSS-Animation-am-Beispiel-eines-Fischleins-171574
CSS-Animation am Beispiel eines Fischleins

Zeichnungen sind eine gute Art, User visuell in euren Bann zu ziehen und die CSS-Muckis
zucken zu lassen. Aber noch mehr Eindruck schindet man mit CSS-Animationen.

Joni Trythall hat das auf??html5hub.com??mit ihrem kleinen CSS-Fisch Franklin versucht,
und ihr k??nnt den Prozess Schritt f??r Schritt mit ihr durchgehen.
Neben hilfreichen zus??tzlichen Quellenangaben
findet ihr auch Codebesipiele und eine Demo. Auf der Tagesordnung stehen:

CSS DrawingKeyframesKeyframe MomentsPoint of
OriginTranslateRotationAssigning Animation

Am Ende ist Franklin kein starres Fischst??bchen mehr,
sondern schwimmt munter durch animierte Blubberblasen.
Wie's geht, lest ihr unter?�CSS Animations With Franklin. Viel Spa??

デモ
http://codepen.io/jonitrythall/pen/bivaG

css3、html5を自ら覚えてやろうと思う気力がない、もう外注でいいかなって感じ

パソコン蛾物故割れた