Sizing Areas With Custom Properties

19.03.2019

Illustrates a technique to control the sizing of different areas on your website using CSS custom properties.

Made with: HTML,CSS (SCSS),JS

View Code

Sizing Areas With Custom Properties

Clean Bootstrap Dismissable Alert

18.03.2019

Free Bootstrap snippets for the web. Example content goes here. Optionally, use the grid system to apply smaller alerts!

Made with: HTML,CSS

View Code

Clean Bootstrap Dismissable Alert

Card Animation

18.03.2019

Responsive CSS card with animation.

Made with: HTML,CSS (SCSS)

View Code

Card Animation

Bootstrap Pagination Style 127

17.03.2019

Made with: HTML,CSS

View Code

Bootstrap Pagination Style 127

Animated Accordion

17.03.2019

Animated accordion with HTML details element.

Made with: HTML,CSS (SCSS)

View Code

Animated Accordion

Interactive 3D Background

17.03.2019

This simple interactive background is made with ThreeJS and a PlaneBufferGeometry animated with Simplex noise.

Made with: HTML,CSS,JS (Babel)

View Code

Interactive 3D Background

Animated Details Element

17.03.2019

Made with: HTML,CSS (SCSS)

View Code

Animated Details Element

Accordion With Close Button

17.03.2019

This is a simple example of how you can create an accordion from a regular HTML tag and a pair of jQuery lines. We often resort to using complex patterns and writing long code when creating sliders and accordions, completely forgetting that there are very simple ways to solve these problems. Here you do not need to be well versed in the code to stylize it and add animation.

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

View Code

Accordion With Close Button

Bootstrap Payment Interface

16.03.2019

Made with: HTML,CSS

View Code

Bootstrap Payment Interface

Page Reveal Effect

16.03.2019

Simple 3D reveal effect. This simple effect is made with ThreeJS and TweenMax.

Made with: HTML,CSS,JS (Babel)

View Code

Page Reveal Effect

Flat Buttons Hover Effects

16.03.2019

Some beautiful and clean hover effects for flat button.

Made with: HTML,CSS (SCSS)

View Code

Flat Buttons Hover Effects

Blurred Border

15.03.2019

Made with: HTML,CSS (SCSS)

View Code

Blurred Border

Fireflies

15.03.2019

Made with: HTML,CSS,JS

View Code

Fireflies

Whole Ui Without Javascript

15.03.2019

The whole site on pure CSS (without JavaScript): parallax scrolling; simple animation of links and buttons with the css-property cubic-bezier; smooth scrolling when click on the navigation animation of the hamburger click open/close the click menu. etc.

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

View Code

Whole Ui Without Javascript

Bootstrap Accordion Start Template

15.03.2019

Made with: HTML,CSS,JS

View Code

Bootstrap Accordion Start Template

Hamburger Menu V2

14.03.2019

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

View Code

Hamburger Menu V2

Notification Badge Animation

14.03.2019

Notification badge exploration.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderNotification Badge Animation

Error

13.03.2019

Made with: HTML,CSS

View Code

Error

Memory Game

13.03.2019

Just another memory game (that doesn't use any JS library).

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

View Code

Memory Game

Nice List Styles

13.03.2019

transfrom: skew property and nice list styles.

Made with: HTML,CSS

View Code

Nice List Styles