Multi Line Text Fat Underline Hover

11.09.2019

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

View Code

Multi Line Text Fat Underline Hover

Photo Collage With Overlapped Card

10.09.2019

Photo collage with an overlapped card. Not mobile optimised.

Made with: HTML,CSS

View Code

Photo Collage With Overlapped Card

Bootstrap 4 Navbar

9.09.2019

With Bootstrap, a navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar class, followed by a responsive collapsing class: .navbar-expand-xl. ... sm (stacks the navbar vertically on extra large, large, medium or small screens).

Made with: HTML,CSS,JS

View Code

Bootstrap 4 Navbar

Gallery Viewer Carousel / Tiles

9.09.2019

Image gallery that toggles between carousel and tiled views. Built with vanilla JavaScript. Image URLs stored in JavaScript array.

Made with: HTML,CSS,JS

View Code

Gallery Viewer Carousel / Tiles

Simple Sliding Accordion

9.09.2019

Simple vertical sliding accordion with little jQuery.

Made with: HTML,CSS,JS

View Code

Simple Sliding Accordion

Blue Squares

8.09.2019

Just a simple page with a CSS gradient background.

Made with: HTML,CSS (SCSS)

View Code

Blue Squares

Analog Clock

7.09.2019

A simple analog clock made with pure CSS. No scripts. No images. No SVG.

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

View Code

Analog Clock

Only Css Animation #01

7.09.2019

Made with: HTML,CSS

View Code

Only Css Animation #01

Backdrop-Filter Example

6.09.2019

It's an example showcase of effects you can achieve thanks to backdrop-filter property.

Made with: HTML,CSS (SCSS)

View Code

Backdrop-Filter Example

Variable Fonts Experiment

6.09.2019

Made with: HTML,CSS,JS

View Code

Variable Fonts Experiment

Effect Card Direction Aware

5.09.2019

Made with: HTML,CSS

View Code

Effect Card Direction Aware

Pure Css Tab Module

5.09.2019

Made with: HTML,CSS (SCSS)

View Code

Pure Css Tab Module

Tooltip Only Css

5.09.2019

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

View Code

Tooltip Only Css

Bootstrap Timeline #116

4.09.2019

Made with: HTML,CSS

View Code

Bootstrap Timeline #116

Bootstrap Pagination Style 109

4.09.2019

Made with: HTML,CSS

View Code

Bootstrap Pagination Style 109

Tab Bar Gooey Icons

4.09.2019

Tab bar concept with gooey icons in JavaScript.

Made with: HTML,CSS,JS

View Code

Tab Bar Gooey Icons

Super Simple Css Spinning Coin

4.09.2019

CSS-only animated spinning coin. The face can be anything.

Made with: HTML,CSS

View Code

Super Simple Css Spinning Coin

Flipping Loading Text

4.09.2019

Animated 3D Flipping Loading Text.

Made with: HTML,CSS

View Code

Flipping Loading Text

Sliced Image

3.09.2019

Made with: HTML,CSS (SCSS)

View Code

Sliced Image

Circle Becomming Square

3.09.2019

Made with: HTML,CSS

View Code

Circle Becomming Square