Eventil - Find Tech Events
Official mobile app
FREE - In Google Play
Official mobile app
FREE - In App Store

Webpage Animations using CSS

Jun 19, 2018 · San Francisco, United States of America

In this workshop, you will learn modern CSS3 properties to slickly style and animate your page.

The workshop will be a mix of lectures and hands-on exercises in pairs.

Topics covered:
• CSS3 colors, borders, shadows
• CSS3 animations, transitions


Attendees should be comfortable with HTML tags and attributes and basic CSS selectors.

You can review them online at a few places:
• Khan Academy's HTML & CSS course (https://khanacademy.org/html-css)
• Codecademy's HTML & CSS course (https://www.codecademy.com/learn/learn-html-css)
• GDI SF's HTML & CSS slides (http://teaching-materials.org/htmlcss-1day)


• Your laptop (Mac, PC, Linux) and charger
• A modern web browser (Chrome, Firefox, Safari)
• A text editor - we recommend either Sublime Text 2 or Atom (both free)

If you do not have a laptop, please contact the instructors. We have a limited number of Chromebooks for students to borrow.




Payment is required to attend. If you'd like to attend but cannot afford the cost, click here to request a scholarship (https://docs.google.com/forms/d/e/1FAIpQLSfiUBN4yve3L7iociXzcqNgEtrljsn_7mCgZ3eUtvAEr3bcQg/viewform). Due to the amount of applications, only the scholarship recipients will receive an email a few days before the workshop. Thank you for your understanding!



Sarah Federman is a UX designer and front end engineer who loves applying systems thinking to solve product problems. She graduated with her BFA in New Media Design from Rochester Institute of Technology. Previously a UI engineer at LinkedIn, she’s currently using her diverse skillset to help create the design system at Adobe, dubbed Spectrum.

Sarah Showers is a restaurant manager turned software engineer. After completing a fullstack bootcamp in 2014, she realized she was much more interested in the frontend. She enrolled herself in GDI's JS101 and the learning journey hasn't stopped since.


This is a great follow-up workshop for those who attended our Intro to HTML & CSS workshop (https://www.meetup.com/Girl-Develop-It-San-Francisco/events/250108915/).

Event organizers
  • Girl Develop It San Francisco

    Want to learn how to code? Have a great idea? Don't be shy, Develop it! Girl Develop It is a non-profit teaching women how to code since 2010. We host a wide range of technical classes and workshops including beginner classes (Web Development, Beginner HTML/CSS, Javascript101) and advanced topics (AngularJS, Node, D3). We also organize professional events such as Meet the Company, Salary Negotiation, and Resume Building. Join Us! We can't wait to see what you build.

    Recent Events

Are you organizing Webpage Animations using CSS?

Claim the event and start manage its content.

I am the organizer

based on 0 reviews