3D Cartoon Text With Css Text-Shadow

15.10.2018

Playing around with CSS text-shadow and the Google Font "Luckiest Guy".

Made with: HTML,CSS

View Code

3D Cartoon Text With Css Text-Shadow

Modern Bootstrap 4 Cards

15.10.2018

Modern Bootstrap blog cards.

Made with: HTML,CSS,JS

View Code

Modern Bootstrap 4 Cards

Notify Me

15.10.2018

Form validation using HTML required and pattern attributes together with CSS :required and :valid selectors.

Made with: HTML,CSS (SCSS)

View Code

Notify Me

Password Error Animation

15.10.2018

Drawing the close button icon for password error UI using CSS animations and jQuery.

Made with: HTML,CSS,JS

View Code

Password Error Animation

Pure Css Gooey Morph

15.10.2018

SVG not involved. Animating primarily border-radius, plus some opacity and basic transforms.

Made with: HTML,CSS

View Code

Pure Css Gooey Morph

Chewing Gum

14.10.2018

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

View Code

Chewing Gum

Portfolio Items With Five Transition Effects

13.10.2018

Five transition effects for portfolo image items. Pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Portfolio Items With Five Transition Effects

Shining Text Animation Effects

13.10.2018

Shining text animation effect in HTML and CSS.

Made with: HTML,CSS

View Code

Shining Text Animation Effects

Whale And The Moon

13.10.2018

Pure CSS whale and the moon animation.

Made with: HTML,CSS

View Code

Whale And The Moon

Animating Border-Radius

13.10.2018

Made with: HTML,CSS (Stylus)

View Code

Animating Border-Radius

Business Card

11.10.2018

Business card in HTML and CSS.

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

View Code

Business Card

Share Button

11.10.2018

Inspired by Chris Gilmore's shot on dribbble.com.

Made with: HTML,CSS (SCSS)

View Code

Share Button

Gooey Loader

11.10.2018

Simple gooey loader using SVG filters.

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

View Code

Gooey Loader

Details Elements Example

10.10.2018

Made with: HTML,CSS (SCSS)

View Code

Details Elements Example

Responsive Bootstrap Slider With Slick

10.10.2018

Responsive horizontal timeline using Slick.

Made with: HTML,CSS (SCSS),JS

View Code

Responsive Bootstrap Slider With Slick

Responsive Photo Gallery Grid With Lightbox - No Script

9.10.2018

Responsive photo gallery updated with lightbox effects. Utilize CSS Grid & Flexbox and no script. Using target property.

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

View Code

Responsive Photo Gallery Grid With Lightbox - No Script

Ghost Page 404

9.10.2018

Made with: HTML,CSS (SCSS),JS

View Code

Ghost Page 404

Hotspot Labels

9.10.2018

Hotspot labels for email in HTML and CSS.

Made with: HTML,CSS

View Code

Hotspot Labels

Black Mirror Cracked Text Effect

9.10.2018

This example shows how pure CSS can be used to re-create the cracked text effect from the Black Mirror TV show intro.

Made with: HTML,CSS

View Code

Black Mirror Cracked Text Effect