Image Masking With Pure Css

21.07.2020

Image masking with pure CSS (transform and overflow).

Made with: HTML,CSS

View Code

Image Masking With Pure Css

Article Card

26.06.2020

Made with: HTML,CSS

View Code

Article Card

Css Only Responsive Article Card

26.06.2020

CSS only responsive article card with hover effect.

Made with: HTML,CSS (SCSS)

View Code

Css Only Responsive Article Card

Card Hover Info Interaction

9.06.2020

Made with: HTML,CSS (SCSS)

View Code

Card Hover Info Interaction

Overlapping Sushi Cards

9.06.2020

Animates z-index to toggle overlapping sushi lunch menu cards.

Made with: HTML,CSS

View Code

Overlapping Sushi Cards

Hover Card Interaction

11.05.2020

By animating a few CSS paint & composite properties, we can create fun interactions on hover & focus.

Made with: HTML,CSS (SCSS)

View Code

Hover Card Interaction

Mcdonalds Card - Tailwindcss

5.05.2020

Made with: HTML,CSS

View Code

Mcdonalds Card - Tailwindcss

Holiday Feature Folding Cards

26.04.2020

A small holiday deals page focusing on folding cards design and functionality, only using HTML and CSS.

Made with: HTML,CSS

View Code

Holiday Feature Folding Cards

Cards Against Developer Vol. 2

15.04.2020

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

View Code

Cards Against Developer Vol. 2

Folding Cards Animation

9.04.2020

Made with: HTML (Pug),CSS

View Code

Folding Cards Animation

Pure Css Card With Social Icons

27.03.2020

Made with: HTML,CSS

View Code

Pure Css Card With Social Icons

Card Hover Fx

1.03.2020

Made with: HTML,CSS (Stylus)

View Code

Card Hover Fx

Css Cards Perspective

11.02.2020

Introduction to CSS animation with transition property. This is where the fun begins into playing some CSS properties. Any website front end development project that you have, you always have those parts that you want to have a nice any good looking animation effects. Bootstrap 4 Cards.

Made with: HTML,CSS (SCSS)

View Code

Css Cards Perspective

Card Hover Interactions

6.02.2020

Hacking together a solution to show part of an element in a card as a default state, lining up the element headline across each card and then animating the element to the center of its parent element.

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

View Code

Card Hover Interactions

Ticket Cards

30.01.2020

Simple and clean ticked cards in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Ticket Cards

Tile Hover Multi-Button

7.01.2020

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

View Code

Tile Hover Multi-Button

Article Deck

3.01.2020

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

View Code

Article Deck

Simple Css Card

22.12.2019

This is a simple card with shadow.

Made with: HTML,CSS (SCSS)

View Code

Simple Css Card

Course Card Ui Design

19.12.2019

Made with: HTML,CSS

View Code

Course Card Ui Design

Steam Inspired Game Card Hover Effect

22.11.2019

Made with: HTML,CSS (SCSS)

View Code

Steam Inspired Game Card Hover Effect