Tags: css

21 Cool Slider Animation Effects

by Henri —

Image sliders are a common feature for websites. They are an incredibly versatile design tool that allow you to showcase images, video, and other content beautifully and more effectively while maximizing the space on your website. Many JavaScript libraries have this feature already implemented which allow you to create sliders and add them to your home page, landing pages, posts, or any where you want. So if you are looking for inspiration to building your own custom slider, here are 21 Cool Slider Animation Effects.…

10+ Awesome CSS & Javascript Icon Libraries 2020

by Henri —

For developers and designers, selecting an icon format to display icons on web design projects can be a chore. Finding the right icon for your web projects can be a time consuming search. Finding the right color, size and format once you have the right icons is other lap of that struggle. Here are 10+ Awesome CSS & Javascript Icon Libraries 2020 that provide free icons in varied sizes and formats to suit your every need when working on a web design project!…

20 Best CSS Tooltip Examples 2020

by Henri —

The goal of the tooltip is to show information on things when you hover over them and they are perpetual. Tooltips are common for providing hints on how to use different parts of a web app. It is easy to add and it helps users understand the app more. They’re also useful for display long text that would be too long. There are many Javascript plugins for doing tooltips, but sometimes, the simplest solution is the best. So here in post I’ve collected some of great tooltip examples for inspiration to implement great looking tooltips purely in CSS.…

22 Overlay Menu Animation Examples

by Henri —

Overlay menus are a fairly common concept in mobile web design, where the screen space is limited. They allow you to show new content on top of other content. Overlays are very similar to links, except they have a transparent background and appear on top of the original page. This style can also be used in designs intended for bigger screens, creating a new interacting experience for the user and decluttering the information displayed. They can be used for many use cases, all without leaving your current screen. So here are examples of overlay menu animation for inspiration.…

20 Awesome Checkbox Designs & Animations

by Henri —

One of the simplest and most widely used buttons is a checkbox. Checkboxes are binary buttons, either checked or unchecked. Unlike a series of radio buttons, checkboxes can be toggled independently of one another, making them popular for filtering search results, like the sidebar on Amazon. If you are already styling all of your forms, you must know how painful checkboxes can be. They, per-se, aren’t really that much customizable. So in this post we’ve collected 20 Awesome Checkbox Designs & Animations for your inspiration.…

20+ Free SVG & CSS Background Pattern Resources

by Henri —

Background patterns can be used in website design or any other form of work which includes designing. But designing custom SVG and CSS from scratch is no easy task. So here are 15 SVG & CSS Background Pattern Resources that will allow you to generate and download SVG images to use in CSS backgrounds for website and graphic design. …

20 CSS & Javascript Timeline Examples

by Henri —

A timeline is great for displaying chronological items. When it comes to storytelling and visualisation, timeline is great tool to choose from. Timeline doesn’t have to be difficult or expensive. Coding definitely gives you more options to create and customise the graphs especially when the data is messy, CSS and Javscript can provide good options when it comes to instant data visualisations. So in this post we’ve gathered some great examples of timeline built using CSS and Javascript for inspiration to create interactive timelines.…