deals

premiumpacks & css sidebars (5 items)

Collection of toggle sidebars created in pure CSS

freebies

A sidebar box that on scroll moves with the display within its column frame until it gets in contact with the next element. The element is styled w...

A sidebar box that on scroll moves with the display within its column frame until it gets in contact with the next element. The element is styled with CSS and its collision detection system is made with jQuery. Created by CodePen user Charlotee Dann.

This time, Mary Lou from Codrops will explore transitions for sidebars or off-canvas content like the one it has been used in the Multi-Level Push ...

This time, Mary Lou from Codrops will explore transitions for sidebars or off-canvas content like the one it has been used in the Multi-Level Push Menu. The idea is to show some hidden sidebar with a subtle transition on the element itself and also on the remaining content. Usually the sidebar slides in, pushing the other content to the side, but there are many more possibilities for subtle and fancy effects, and that is the intention of this tutorial.

This is a pretty social sidebar created by Marco Biedermann on CSSDeck. It consists of a single lateral bar with different social icons, which...

This is a pretty social sidebar created by Marco Biedermann on CSSDeck. It consists of a single lateral bar with different social icons, which changes colors when the user hovers over. It also shows the respective label for the social network  animating it. The experiment was created with HTML and CSS.

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

A cool experiment generates a menu with a neat flat design and interesting animation effects. When hovered over, the items will perform a smooth tr...

A cool experiment generates a menu with a neat flat design and interesting animation effects. When hovered over, the items will perform a smooth transition as the corresponding icon spins around itself. Created by user Jitendra from CodePen using HTML and CSS.

With this useful code snippet, you will be able to create a minimal layout that allows you to show and hide a sidebar at the press of a button, usi...

With this useful code snippet, you will be able to create a minimal layout that allows you to show and hide a sidebar at the press of a button, using a smooth animation. You can apply a slightly different background color to the sidebar so it's easier to identify.