Siena College Computer Science Outreach Project

Introduction

This project shares lectures and activities with students at two-year colleges. Our goal is to help prepare students for four year colleges and to learn more about students taking Computer Science courses at two-year colleges.

Please help us by

  1. Watching the video below, and
  2. Completing a quiz, activity and final survey in your web design class.

Lecture on CSS3 Transform and Transitions

The 24 minute video below is a demonstration in a Web Design course at Siena College. Below are sample questions similar to the ones we might ask on a quiz or test. The video answers all these questions as well as the ones you will be asked in your class.

Questions

  1. What is the difference between a transform and transition?
  2. List three transform functions.
  3. Write the CSS code to use a transform to move all the hyperlinks so they are moved 5px to the right and 5px down.
  4. Write the CSS code to use a transform to rotate all the div elements by 30 degrees.
  5. Write the CSS code to define a 1 second transition on the width property.

Video

Source files in video

Quiz, Activity & Final Survey

Will be given in class.