Button - Hold To Confirm

22.11.2019

Trying another button type where an extra confirmation is needed - for example if you publish or delete something. You will need to press the button for nearly 2 seconds to success.

Made with: HTML,CSS (SCSS),JS

View Code

Button - Hold To Confirm

Big Cubes Animation With Svg <Use> And Css Variables

22.11.2019

SVG cube reusing content with SVG, animation and CSS variables.

Made with: HTML,CSS (SCSS)

View Code

Big Cubes Animation With Svg <Use> And Css Variables

Typo Triple

22.11.2019

Made with: HTML,CSS

View Code

Typo Triple

Float Images With Clip-Path + Shape-Outside

22.11.2019

Made with: HTML,CSS (SCSS)

View Code

Float Images With Clip-Path + Shape-Outside

Moving Hamburger Animation

21.11.2019

Made with: HTML,CSS,JS

View Code

Moving Hamburger Animation

Responsive Product Card

21.11.2019

Responsive product card view with change color/image functionality.

Made with: HTML,CSS,JS

View Code

Responsive Product Card

Tooltip Usign Just Css

20.11.2019

Simple tooltip with HTML and CSS.

Made with: HTML

View Code

Tooltip Usign Just Css

Rhomb Gallery On Grids + Clip-Path

20.11.2019

Made with: HTML,CSS (SCSS)

View Code

Rhomb Gallery On Grids + Clip-Path

Rhomb Gallery On Grids

20.11.2019

Made with: HTML,CSS (SCSS)

View Code

Rhomb Gallery On Grids

3D Carousel/Slider (Vanilla Js)

20.11.2019

Carousel/Slider slideshow showing 3D like boxes using only Vanilla JS and CSS 3D perspective.

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

View Code

3D Carousel/Slider (Vanilla Js)

Rings Spinner

20.11.2019

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

View Code

Rings Spinner

Dual Triangle Spinners

20.11.2019

A collection of preload animations made using only two triangles, whether they look like practical ones or just plain weird.

Made with: HTML,CSS

View Code

Dual Triangle Spinners

Bootstrap Login

20.11.2019

Bootstrap login form in card with social login buttons.

Made with: HTML,CSS

View Code

Bootstrap Login

Lexicon Product Card With Compare

18.11.2019

Made with: HTML,CSS

View Code

Lexicon Product Card With Compare

Space 404

18.11.2019

A 404 page made from pure CSS and a touch of canvas.

Made with: HTML,CSS (SCSS),JS

View Code

Space 404

'His Dark Materials' Tv Series Logo

17.11.2019

'His Dark Materials' TV series logo with CSS.

Made with: HTML,CSS (SCSS)

View Code

'His Dark Materials' Tv Series Logo

Frosted Glass

17.11.2019

backdrop-filter is awesome!

Made with: HTML,CSS (SCSS)

View Code

Frosted Glass