Strokes, Shadows + Halftone Effects

24.07.2018

Made with: HTML (Pug),CSS (SCSS)

View Code

Strokes, Shadows + Halftone Effects

Css Only Cut-Out Tab Navigation

24.07.2018

David Khourshid and Stephen Shaw scoop out a section of a navigation while building a CSS-only tab navigation.

Made with: HTML,CSS (SCSS)

View Code

Css Only Cut-Out Tab Navigation

Css Grid Event Poster (Vertically Responsive)

24.07.2018

This example shows how CSS Grid can be used to re-create a vertically responsive version of a modernist-inspired, geometric, grid-based event poster titled 'The Velvet Underground at Max's Kansas City, 1970' by Mike Joyce.

Made with: HTML,CSS

View Code

Css Grid Event Poster (Vertically Responsive)

Text Stroke + Offset Shadow

24.07.2018

Made with: HTML (Pug),CSS (SCSS)

View Code

Text Stroke + Offset Shadow

Epic Button

24.07.2018

Fluid hover effect for button in HTML and CSS.

Made with: HTML (Pug),CSS (Stylus)

View Code

Epic Button

Css Weather Widget

23.07.2018

Simple weather widget in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Css Weather Widget

Figure & Figcaption

23.07.2018

Image with caption using HTML figure and figcaption tags.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Figure & Figcaption

Lumos Maxima Button Hover Effect

23.07.2018

Made with: HTML,CSS (SCSS),JS

View Code

Lumos Maxima Button Hover Effect

School Building - Pure Css Art

22.07.2018

Made with: HTML (Pug),CSS (SCSS)

View Code

School Building - Pure Css Art

Panel Switch Interaction

21.07.2018

Panel switch interaction with flexbox and JS.

Made with: HTML,CSS (SCSS),JavaScript (Babel)

View Code

Panel Switch Interaction

3D Toggle

21.07.2018

Just one checkbox input and its label.

Made with: HTML,CSS (SCSS)

View Code

3D Toggle

Responsive Css Only Building

21.07.2018

A CSS only version of a building.

Made with: HTML,CSS (SCSS)

View Code

Responsive Css Only Building

Elastic Validation

20.07.2018

Made with: HTML,CSS (Stylus)

View Code

Elastic Validation

Css Grid + Svg Shapes | Poster #6

20.07.2018

Made with: HTML,CSS

View Code

Css Grid + Svg Shapes | Poster #6

Tricky Css Hover

20.07.2018

Experimenting in 3D, VR inspired card layout feat. skateboarding theme.

Made with: HTML,CSS

View Code

Tricky Css Hover

Box With Magic Zoom Effect

20.07.2018

Box with animated magic zoom effect in pure CSS.

Made with: HTML,CSS,JavaScript

View Code

Box With Magic Zoom Effect

Hovering Cards

18.07.2018

3 cards that have a hovering effect, when a mouse hovers over one of the cards it stands up and for user to read clearly.

Made with: HTML,CSS

View Code

Hovering Cards

Tiles Page Transition

18.07.2018

Tiles page transition in HTML and CSS.

Made with: HTML (Pug),CSS (SCSS),JavaScript

View Code

Tiles Page Transition

Linear Gradient Skew Css

18.07.2018

Made with: HTML (Haml),CSS

View Code

Linear Gradient Skew Css

Pure Css Checkboxes

18.07.2018

Made with: HTML,CSS

View Code

Pure Css Checkboxes