Pacman & Ghost Animation: CSS Tutorial (Day 17 of CSS3 in 30 Days)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=AUAbh6zti5Q


Duration: 32:17
20,944 views
430

Use CSS to create n animation of Pacman chomping and chasing a ghost along this container element!

⭐️Files you need ⭐️
💻Pacman Code: https://www.dropbox.com/sh/k52690nidi673el/AAAcSxszWSiofZfX4jRaC87Aa?dl=0
💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0

This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU

CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org



Other Videos By freeCodeCamp.org


2018-10-04@supports Rule: CSS Tutorial (Day 24 of CSS3 in 30 Days)
2018-10-03Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)
2018-10-03How To Write User Stories, Epics, & Personas - Dev Life
2018-10-02Flexbox Layouts: CSS Tutorial (Day 22 of CSS3 in 30 Days)
2018-10-01Spinners: CSS Tutorial (Day 21 of CSS3 in 30 Days)
2018-10-01Maths for Programmers Tutorial - Full Course on Sets and Logic
2018-09-30Animated Pyramid: CSS Tutorial (Day 20 of CSS3 in 30 Days)
2018-09-29Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 Days)
2018-09-28Useful Tooltips: CSS Tutorial (Day 18 of CSS3 in 30 Days)
2018-09-282018 Top Contributor Party in Dublin - Highlights and Interviews
2018-09-27Pacman & Ghost Animation: CSS Tutorial (Day 17 of CSS3 in 30 Days)
2018-09-27React Project Post Launch Recap with Q&A (P5D99) - Live Coding with Jesse
2018-09-27Natural Language Processing (NLP) Tutorial with Python & NLTK
2018-09-27How to Speak the Language of Application Architecture
2018-09-26Modal Window: CSS Tutorial (Day 16 of CSS3 in 30 Days)
2018-09-26Using Parcel Bundler with React
2018-09-26Get Productive with Python in Visual Studio Code
2018-09-25Sticky Sidebar: CSS Tutorial (Day 15 of CSS3 in 30 Days)
2018-09-25CSS Crash Course Tutorial
2018-09-25Build Better and Discoverable APIs with GraphQL
2018-09-24Sticky Header: CSS Tutorial (Day 14 of CSS3 in 30 Days)


Tags:
css
pacman
css tutorial
css animation
sticky footer
css course
css tutorial for beginners
css3
text effects
typography
css3 tutorial
css3 in 30 days
style buttons
style buttons css
learn css
image manipulation
image manipulation css
pricing table css
footer
animation