or TV shows ?. Navigation Menu Design Inspiration Navigation menus are critical for good accessibility of your website. From pure CSS to animated text effects you can find them all in here. Before and After Comparison Slider HTML and CSS before-after comparison sliders for images and videos. three.js is a cross-browser JavaScript library/API that uses WebGL to create and display animated 3D computer graphics in a web browser. mo.js simple motion graphics for the web. This hamburger menu design CSS lets you expand the menu by clicking on the sidebar navigation menu at the top left corner. Link Design Inspiration – Link Hover Effects Links are the building blocks of the internet. A pure CSS/CSS3 based navigation system that slides out a horizontal menu as you click on the toggle icon. So, the menu that are present on the side of your main content is a sidebar menu. Drag / Pull Down Animation Inspiration Drag animations are most likely seen on mobile devices, a common pattern in this is the Pull-to-refresh gesture that consists of touching the screen with a finger and dragging the screen downward and then releasing it to refresh the content on the screen. Tawny Jordan Ring (Fixed Bottom Navigation). These can be things like toggle buttons inspired by various sports. A CSS3 side panel with menu and associated content which transitions in from the right hand side of the page. Hero Section Design Inspiration Here you will find various code snippets, that you can use in the hero section of your website. You have come to the right place, this section is a list of handpicked particle animation snippets, you can use one of these to recreate this design trend on your website. Sortable.js Demo, Code Snippets and Examples Handpicked Sortable.js Demo, Code Snippets and Examples that you can use to find inspiration for your next web project. The Music Bed (Fixed Side Navigation). See the Pen Left Half / Right Half with Flexbox by CSS-Tricks (@css-tricks) on CodePen. They can be a stylised list of items, some of which might have a checkbox you can cross off. It’s usually part of a booking form or something similar. Just Another Menu. 4. Input Field Design Inspiration Input fields are one of those things that are essential on any web page that is used by visitors to pass on information to the site owners. Pure CSS Code Snippets In this section, you will find pure CSS examples or HTML elements designed in only CSS to give it some sassy effects. split screen Split Screen Layout in Web Design If you have to deliver two messages on one screen then this web design technique is perfect for you. This is a very clean CSS navigation with a cool slider. With the code snippets from this section, you can recreate the same effect on your website with no coding experience. muuri.js Demo, Code Snippets and Examples Handpicked Sortable.js Demo, Code Snippets and Examples that you can use to find inspiration for your next web project. Comic Book Website Snippets If you have a comic books loving audience they will love these little snippets that will give your website a comic book look and feel. For instance, Markdown is designed to be easier to write and … And let’s remove that margin-left from the second