Category: CSS

This is a couple of ideas for typography animations and letter (hover) effects for playful interactions developed by Codrops. You can find awesome text animations that you can use in your web projects. Letters are …

This is an experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js. It’s been developed by Codrops. These effects can look quite interesting on image grids, covering and uncovering …

These are some ideas for previewing or just playing with folders on hover developed by Codrops. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview …

This is an off-canvas sidebar component with a collection of animations and styles using CSS transitions. It’s been developed by Offir Golan. This addon utilizes contextual components to be able to correctly control and animate …

mini.css is a tiny CSS toolkit (under 7KB gzipped) that works well on most modern browsers and devices and allows you to customize it quickly and easily. It’s written in Sass and tries to make …

This is an experimental hover effects that reveal a stack of multiple colored cards behind the hovered item. It’s been developed by Codrops. The concept stems from the hover effect seen on Merci-Michel which has …

Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap. You know Material Design is a visual language created by Google that synthesises the classic principles of good design with the …

This is for everyone who wants a responsive navigation bar that looks good on every screensize, lightweight and easy to implement. You know existing “premade” navbars are usually packed with a full blown CSS framework …

An immersive transition effect powered by image masks and CSS transforms developed by Codyhouse. You can take advantage of the PNG transparencies to zoom through the mask layer, into a project background image. If you …

This is a couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations developed by Codrops. You will explore some different layouts combined with some engaging CSS …