<Del> & <Ins> As A Tooltip

8.05.2018

HTML tags <del> & <ins> as a tooltip with pure CSS.

Made with: HTML,CSS (SCSS)

View Code

<Del> & <Ins> As A Tooltip

Html <Del> & <Ins>

8.05.2018

A simple way to show "deleted" and "inserted" text in HTML.

Made with: HTML,CSS (SCSS)

View Code

Html <Del> & <Ins>

Cards Hover Effects

8.05.2018

Bootstrap grid for cards with hover effects.

Made with: HTML,CSS,JS

View Code

Cards Hover Effects

Bootstrap Grid Examples

8.05.2018

Made with: HTML,CSS,JS

View Code

Bootstrap Grid Examples

Css Gradient Clip-Path Borders

7.05.2018

This example shows how the CSS clip-path property can be used to create a variety of shaped gradient borders.

Made with: HTML,CSS

View Code

Css Gradient Clip-Path Borders

Css Gradient Clip-Path Borders

7.05.2018

This example shows how the CSS clip-path property can be used to create a variety of shaped gradient borders.

Made with: HTML,CSS

View Code

Css Gradient Clip-Path Borders

<Del> & <Ins> With Css

7.05.2018

HTML tags <del> & <ins> with CSS.

Made with: HTML,CSS

View Code

<Del> & <Ins> With Css

Css Watch Animation

6.05.2018

Pure HTML and CSS watch animation. Based on dribbble shot "Swiss Watch Face Design with Artificial Intelligence by Gleb".

Made with: HTML,CSS (Stylus)

View Code

Css Watch Animation

Ff Meta Variable Font

6.05.2018

An explanation of Variable Fonts, what they do, why they matter, and in general an attempt to show off a beautiful, classic typeface design by Erik Spiekermann now in variable form from Monotype.

Made with: HTML,CSS (SCSS),JS

View Code

Ff Meta Variable Font

Gooey Css Loader

6.05.2018

Pure CSS gooey loader.

Made with: HTML

View Code

Gooey Css Loader

Login Form Animation

5.05.2018

Login page animation template created with CSS3 and vanilla JavaScript DOM elements. Will surely try to upgrade it with more better animation effects.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Login Form Animation

Svg ∞ Loader

4.05.2018

No JS, cross-browser, minimal code. 20 lines of CSS and 4 lines of generated SVG.

Made with: HTML/Pug

View Code

Svg ∞ Loader

Bootstrap 4 Carousel

4.05.2018

Made with: HTML,CSS,JS

View Code

Bootstrap 4 Carousel

Quote Example

3.05.2018

Quotes with Font Awesome and pseudo elements.

Made with: HTML

View Code

Quote Example

Css Design Checkbox

3.05.2018

CSS material design checkbox.

Made with: HTML

View Code

Css Design Checkbox

Submit Loader

2.05.2018

Submit button with loader.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Submit Loader

Login Form #17

1.05.2018

Made with: HTML,CSS,JS

View Code

PlaceholderLogin Form #17

Login Form #18

1.05.2018

Made with: HTML,CSS,JS

View Code

PlaceholderLogin Form #18

Svg Animation 404 Error Milk Carton

1.05.2018

SVG animation of blinking eyes and mouth movements. Mouth animation: Using morphSVG between the two paths #mouth and #mouth-frown. Eye blink animation: Using transformOrigin and scaleY of a circle to create a blinking effect.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Svg Animation 404 Error Milk Carton

Animated Image Clipping

30.04.2018

Simple CSS animated image clipper, making various shapes using percentages.

Made with: HTML,CSS

View Code

Animated Image Clipping