Kezz BraceyJun 5, 2015Lessons: 13Length: 2.6 hours

Next lesson playing in 5 seconds

Overview
Transcript

2.10 Sprite and Infinite Loop SVG Animation

Did you know CSS is capable of controlling frame-by-frame sprite animations? In this project, create a walking animation sprite, learn to recolor SVG images, and make a moving background that runs on infinite loop.

Related Links

1.Introduction
2 lessons, 05:01

1.1
Introduction
01:02

1.2
The Project Process
03:59

2.The Projects
10 lessons, 2:27:30

2.1
Animated Responsive SVG Logo
14:33

2.2
CSS3 Background Patterns
12:04

2.3
Personal Business Card
15:26

2.4
Polaroid Image Gallery
14:43

2.5
Parallax Cover Section
15:30

2.6
Animated Spotlight Effect
15:31

2.7
CSS3 Motion Typography
15:16

2.8
Horizontal Smooth Scrolling Picture Book
15:32

2.9
Pure CSS3 “PowerPoint”-Like Presentation
14:04

2.10
Sprite and Infinite Loop SVG Animation
14:51

3.Conclusion
1 lesson, 01:18

3.1
Conclusion
01:18

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

10 CSS3 Projects: Branding and Presentation

Next lesson playing in 5 seconds

2.10 Sprite and Infinite Loop SVG Animation

1.Introduction2 lessons, 05:01

2.The Projects10 lessons, 2:27:30

3.Conclusion1 lesson, 01:18

1.Introduction
2 lessons, 05:01

2.The Projects
10 lessons, 2:27:30

3.Conclusion
1 lesson, 01:18