├── .gitignore ├── Makefile ├── README.md ├── chapters ├── 0101.md ├── 0102.md ├── 0103.md ├── 0104.md ├── 0105.md ├── 0201.md ├── 0202.md ├── 0203.md ├── 0204.md ├── 0205.md ├── 0301.md ├── 0302.md ├── 0303.md ├── 0304.md ├── 0305.md ├── 0401.md ├── 0402.md ├── 0403.md ├── 0404.md ├── 0405.md └── 0501.md ├── downloads ├── epub │ └── cssanimation-101.epub ├── pdf │ └── cssanimation-101.pdf └── translations │ └── arabic │ └── CSS-Animation-Arabic.pdf ├── images ├── ab-min.gif ├── ab.gif ├── ab.jpg ├── ab.png ├── ab_animated.png ├── abc.png ├── animators_survival_kit_frame.jpg ├── baymax-min.gif ├── baymax.gif ├── baymax.png ├── button-element-positioning.png ├── button-element-positioning2.png ├── button-min.gif ├── button.gif ├── button.png ├── cat-min.gif ├── cat.gif ├── cat.png ├── change-background-min.gif ├── change-background.gif ├── change-background.png ├── course-min.gif ├── course.gif ├── course.png ├── cover-small.png ├── cover.png ├── css-starwars-min.gif ├── css-starwars.gif ├── css-starwars.png ├── cubic-bezier-graph.png ├── cubic-bezier-min.gif ├── cubic-bezier.gif ├── cubic-bezier.png ├── demo-min.gif ├── demo.gif ├── demo.png ├── donovan.jpg ├── donovan_hutchinson.jpg ├── ease-in-min.gif ├── ease-in-out-min.gif ├── ease-in-out.gif ├── ease-in.gif ├── ease-out-min.gif ├── ease-out.gif ├── fabric-min.gif ├── fabric.gif ├── files.jpg ├── js-triggered-button-min.gif ├── js-triggered-button.gif ├── linear-example-min.gif ├── linear-example.gif ├── linear-min.gif ├── linear.gif ├── list_item-min.gif ├── list_item.gif ├── macplus-min.gif ├── macplus.gif ├── macplus.png ├── mailchimp-min.gif ├── mailchimp.gif ├── multiple-button-min.gif ├── multiple-button.gif ├── portal-min.gif ├── portal.gif ├── ribbon-min.gif ├── ribbon.gif ├── save_button-min.gif ├── save_button.gif ├── screen-hover-min.gif ├── screen-hover.gif ├── screen-min.gif ├── screen.gif ├── scroll-min.gif ├── scroll.gif ├── sheen-min.gif ├── sheen.gif ├── simple-keyframes-alternating-min.gif ├── simple-keyframes-alternating.gif ├── simple-keyframes-min.gif ├── simple-keyframes.gif ├── sprout-min.gif ├── sprout.gif ├── starwars-min.gif ├── starwars.gif ├── starwars.png ├── steps-min.gif ├── steps.gif ├── steps.png ├── traffic-light-grid.png ├── traffic-lights-min.gif ├── traffic-lights.gif ├── transitions-animations-min.gif ├── transitions-animations.gif ├── transitions-min.gif ├── transitions.gif ├── wiggle-min.gif ├── wiggle.gif ├── winnie-min.gif └── winnie.gif ├── metadata.yml ├── sources ├── cover.sketch └── images.sketch └── style.css /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | build 4 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/Makefile -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/README.md -------------------------------------------------------------------------------- /chapters/0101.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0101.md -------------------------------------------------------------------------------- /chapters/0102.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0102.md -------------------------------------------------------------------------------- /chapters/0103.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0103.md -------------------------------------------------------------------------------- /chapters/0104.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0104.md -------------------------------------------------------------------------------- /chapters/0105.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0105.md -------------------------------------------------------------------------------- /chapters/0201.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0201.md -------------------------------------------------------------------------------- /chapters/0202.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0202.md -------------------------------------------------------------------------------- /chapters/0203.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0203.md -------------------------------------------------------------------------------- /chapters/0204.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0204.md -------------------------------------------------------------------------------- /chapters/0205.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0205.md -------------------------------------------------------------------------------- /chapters/0301.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0301.md -------------------------------------------------------------------------------- /chapters/0302.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0302.md -------------------------------------------------------------------------------- /chapters/0303.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0303.md -------------------------------------------------------------------------------- /chapters/0304.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0304.md -------------------------------------------------------------------------------- /chapters/0305.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0305.md -------------------------------------------------------------------------------- /chapters/0401.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0401.md -------------------------------------------------------------------------------- /chapters/0402.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0402.md -------------------------------------------------------------------------------- /chapters/0403.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0403.md -------------------------------------------------------------------------------- /chapters/0404.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0404.md -------------------------------------------------------------------------------- /chapters/0405.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0405.md -------------------------------------------------------------------------------- /chapters/0501.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/chapters/0501.md -------------------------------------------------------------------------------- /downloads/epub/cssanimation-101.epub: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/downloads/epub/cssanimation-101.epub -------------------------------------------------------------------------------- /downloads/pdf/cssanimation-101.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/downloads/pdf/cssanimation-101.pdf -------------------------------------------------------------------------------- /downloads/translations/arabic/CSS-Animation-Arabic.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/downloads/translations/arabic/CSS-Animation-Arabic.pdf -------------------------------------------------------------------------------- /images/ab-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ab-min.gif -------------------------------------------------------------------------------- /images/ab.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ab.gif -------------------------------------------------------------------------------- /images/ab.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ab.jpg -------------------------------------------------------------------------------- /images/ab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ab.png -------------------------------------------------------------------------------- /images/ab_animated.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ab_animated.png -------------------------------------------------------------------------------- /images/abc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/abc.png -------------------------------------------------------------------------------- /images/animators_survival_kit_frame.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/animators_survival_kit_frame.jpg -------------------------------------------------------------------------------- /images/baymax-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/baymax-min.gif -------------------------------------------------------------------------------- /images/baymax.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/baymax.gif -------------------------------------------------------------------------------- /images/baymax.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/baymax.png -------------------------------------------------------------------------------- /images/button-element-positioning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/button-element-positioning.png -------------------------------------------------------------------------------- /images/button-element-positioning2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/button-element-positioning2.png -------------------------------------------------------------------------------- /images/button-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/button-min.gif -------------------------------------------------------------------------------- /images/button.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/button.gif -------------------------------------------------------------------------------- /images/button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/button.png -------------------------------------------------------------------------------- /images/cat-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cat-min.gif -------------------------------------------------------------------------------- /images/cat.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cat.gif -------------------------------------------------------------------------------- /images/cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cat.png -------------------------------------------------------------------------------- /images/change-background-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/change-background-min.gif -------------------------------------------------------------------------------- /images/change-background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/change-background.gif -------------------------------------------------------------------------------- /images/change-background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/change-background.png -------------------------------------------------------------------------------- /images/course-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/course-min.gif -------------------------------------------------------------------------------- /images/course.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/course.gif -------------------------------------------------------------------------------- /images/course.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/course.png -------------------------------------------------------------------------------- /images/cover-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cover-small.png -------------------------------------------------------------------------------- /images/cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cover.png -------------------------------------------------------------------------------- /images/css-starwars-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/css-starwars-min.gif -------------------------------------------------------------------------------- /images/css-starwars.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/css-starwars.gif -------------------------------------------------------------------------------- /images/css-starwars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/css-starwars.png -------------------------------------------------------------------------------- /images/cubic-bezier-graph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cubic-bezier-graph.png -------------------------------------------------------------------------------- /images/cubic-bezier-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cubic-bezier-min.gif -------------------------------------------------------------------------------- /images/cubic-bezier.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cubic-bezier.gif -------------------------------------------------------------------------------- /images/cubic-bezier.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/cubic-bezier.png -------------------------------------------------------------------------------- /images/demo-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/demo-min.gif -------------------------------------------------------------------------------- /images/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/demo.gif -------------------------------------------------------------------------------- /images/demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/demo.png -------------------------------------------------------------------------------- /images/donovan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/donovan.jpg -------------------------------------------------------------------------------- /images/donovan_hutchinson.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/donovan_hutchinson.jpg -------------------------------------------------------------------------------- /images/ease-in-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ease-in-min.gif -------------------------------------------------------------------------------- /images/ease-in-out-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ease-in-out-min.gif -------------------------------------------------------------------------------- /images/ease-in-out.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ease-in-out.gif -------------------------------------------------------------------------------- /images/ease-in.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ease-in.gif -------------------------------------------------------------------------------- /images/ease-out-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ease-out-min.gif -------------------------------------------------------------------------------- /images/ease-out.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ease-out.gif -------------------------------------------------------------------------------- /images/fabric-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/fabric-min.gif -------------------------------------------------------------------------------- /images/fabric.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/fabric.gif -------------------------------------------------------------------------------- /images/files.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/files.jpg -------------------------------------------------------------------------------- /images/js-triggered-button-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/js-triggered-button-min.gif -------------------------------------------------------------------------------- /images/js-triggered-button.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/js-triggered-button.gif -------------------------------------------------------------------------------- /images/linear-example-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/linear-example-min.gif -------------------------------------------------------------------------------- /images/linear-example.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/linear-example.gif -------------------------------------------------------------------------------- /images/linear-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/linear-min.gif -------------------------------------------------------------------------------- /images/linear.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/linear.gif -------------------------------------------------------------------------------- /images/list_item-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/list_item-min.gif -------------------------------------------------------------------------------- /images/list_item.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/list_item.gif -------------------------------------------------------------------------------- /images/macplus-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/macplus-min.gif -------------------------------------------------------------------------------- /images/macplus.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/macplus.gif -------------------------------------------------------------------------------- /images/macplus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/macplus.png -------------------------------------------------------------------------------- /images/mailchimp-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/mailchimp-min.gif -------------------------------------------------------------------------------- /images/mailchimp.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/mailchimp.gif -------------------------------------------------------------------------------- /images/multiple-button-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/multiple-button-min.gif -------------------------------------------------------------------------------- /images/multiple-button.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/multiple-button.gif -------------------------------------------------------------------------------- /images/portal-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/portal-min.gif -------------------------------------------------------------------------------- /images/portal.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/portal.gif -------------------------------------------------------------------------------- /images/ribbon-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ribbon-min.gif -------------------------------------------------------------------------------- /images/ribbon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/ribbon.gif -------------------------------------------------------------------------------- /images/save_button-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/save_button-min.gif -------------------------------------------------------------------------------- /images/save_button.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/save_button.gif -------------------------------------------------------------------------------- /images/screen-hover-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/screen-hover-min.gif -------------------------------------------------------------------------------- /images/screen-hover.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/screen-hover.gif -------------------------------------------------------------------------------- /images/screen-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/screen-min.gif -------------------------------------------------------------------------------- /images/screen.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/screen.gif -------------------------------------------------------------------------------- /images/scroll-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/scroll-min.gif -------------------------------------------------------------------------------- /images/scroll.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/scroll.gif -------------------------------------------------------------------------------- /images/sheen-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/sheen-min.gif -------------------------------------------------------------------------------- /images/sheen.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/sheen.gif -------------------------------------------------------------------------------- /images/simple-keyframes-alternating-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/simple-keyframes-alternating-min.gif -------------------------------------------------------------------------------- /images/simple-keyframes-alternating.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/simple-keyframes-alternating.gif -------------------------------------------------------------------------------- /images/simple-keyframes-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/simple-keyframes-min.gif -------------------------------------------------------------------------------- /images/simple-keyframes.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/simple-keyframes.gif -------------------------------------------------------------------------------- /images/sprout-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/sprout-min.gif -------------------------------------------------------------------------------- /images/sprout.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/sprout.gif -------------------------------------------------------------------------------- /images/starwars-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/starwars-min.gif -------------------------------------------------------------------------------- /images/starwars.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/starwars.gif -------------------------------------------------------------------------------- /images/starwars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/starwars.png -------------------------------------------------------------------------------- /images/steps-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/steps-min.gif -------------------------------------------------------------------------------- /images/steps.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/steps.gif -------------------------------------------------------------------------------- /images/steps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/steps.png -------------------------------------------------------------------------------- /images/traffic-light-grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/traffic-light-grid.png -------------------------------------------------------------------------------- /images/traffic-lights-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/traffic-lights-min.gif -------------------------------------------------------------------------------- /images/traffic-lights.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/traffic-lights.gif -------------------------------------------------------------------------------- /images/transitions-animations-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/transitions-animations-min.gif -------------------------------------------------------------------------------- /images/transitions-animations.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/transitions-animations.gif -------------------------------------------------------------------------------- /images/transitions-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/transitions-min.gif -------------------------------------------------------------------------------- /images/transitions.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/transitions.gif -------------------------------------------------------------------------------- /images/wiggle-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/wiggle-min.gif -------------------------------------------------------------------------------- /images/wiggle.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/wiggle.gif -------------------------------------------------------------------------------- /images/winnie-min.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/winnie-min.gif -------------------------------------------------------------------------------- /images/winnie.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/images/winnie.gif -------------------------------------------------------------------------------- /metadata.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/metadata.yml -------------------------------------------------------------------------------- /sources/cover.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/sources/cover.sketch -------------------------------------------------------------------------------- /sources/images.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/sources/images.sketch -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cssanimation/css-animation-101/HEAD/style.css --------------------------------------------------------------------------------