SBD3 MA2 Pseudo-classes

Facebook
Twitter
LinkedIn

In css you can use pseudo-classes to reference an element in a certain state, for example, when a user hovers over an element, or to address certain instances of an element – for example the last element in an unordered list, every table row that has an odd number etc.

In this weeks work, I have used pseudo-classes to style the link element in a hover state and to create drop-caps on the paragraph. This is the css code I used.

Link in hover state – a little fatter and changed colour

First letter in the first paragraph in the first section – larger and a different colour.

More to explorer

Motion design – kinetic typography

In this weeks task, I’m going to animate an audio clip – either music or speach. I found an audio clip on Freesound.org, Woman leaving voice mail message. The clip

Motion design – green screen

A green screen is commonly used in video to mask out the background and insert another background instead. For example, instead of flying Arnold Schwarzenegger to Mars in the movie

Motion design – bouncing ball

In this module assigment, the task was to make a bouncing ball – with bouncing both vertical and horizontal. I made a ball that bounces in and out of the