Carin's SASSY projects

My mother always told me I was sassy. I guess she was right.

This web page displays example files for WDV205 Advanced CSS

Sepcificity, Precenence, Inheritance

Inheritance and Precedence Example

Specificity Example

Complex Selectors: First, Nth Child, Attribute, Combinators

First Child Split Navbar

Nth Child Flexbox Webpage

Attribute selectors used in a form

Use of Attribute Selector in a Gallery

CSS Combinators Website

Descendent Child Combinators

Use of Combinators in a List

Completed Combinator Semantic HTML

Completed Combinator DIV HTML

Finished Combinator Ad

Accessibility

Flexbox Webpage Low Accessible

Flexbox Webpage Accessible

CSS GRID

CSS Grid Web Page

CSS Grid Form

Images

CSS Grid Image Gallery

CSS Grid Image Styles

Bootstrap

Pure Bootstrap Web Page

Bootstrap Downloaded

Bootstrap Form

Transitions/Transformations

Transition Example

2D transition

3D transition

Flip card in a Bootstrap page.

Flip card in a CSS Grid page.

Transform Example Page

Animations

Falling Leaves

Star Wars Scrolling Text

Pop Up Announcement on web page.

CSS perspective example - Star Wars effect.

Banner Ads

Leader Banner Ad Example

Sidebar Banner Ad Example