This is a circular element that on hover transforms itself into a box card with a Zoom-like transition. It uses only CSS and properties like transf...
This is a circular element that on hover transforms itself into a box card with a Zoom-like transition. It uses only CSS and properties like transform, hover and flexbox (No JS), and it is structured by the use of plain HTML with an SVG icon. Created by CodePen user Yancy Min.
This is an on-hover effect for expanding a box within a section grid. It is structured with HTML and the effect is achieved through CSS with the us...
This is an on-hover effect for expanding a box within a section grid. It is structured with HTML and the effect is achieved through CSS with the use of transitions and hover properties. Created by CodePen user James.
A couple of pure CSS switches with a nice clean design and a monochromatic color palette. The switches do not use Javascript for the toggle action ...
A couple of pure CSS switches with a nice clean design and a monochromatic color palette. The switches do not use Javascript for the toggle action and instead, they make use of the checkboxes-label approach that only uses CSS for styling a setting the switches. Created by CodePen user Zed Dash.
This is a gradient hex color visualizer that works as a random color picker. It has a nice a fluid transition between changes that are activated th...
This is a gradient hex color visualizer that works as a random color picker. It has a nice a fluid transition between changes that are activated through clicking on the random button. It is structured using HTML, plan CSS for its style and for the core gradient generator it uses Vue.JS with Tweenmax. Created by Codepen user Clément Roche.
This is a modal login form which takes inspiration from the one at Pinterest. It uses on-scroll and on-click actions for showcasing the login form ...
This is a modal login form which takes inspiration from the one at Pinterest. It uses on-scroll and on-click actions for showcasing the login form box and does it with a smooth cover transition. It is structured using plain HTML, styled with the use of CSS precompiled through Sass, with actions created and controlled via Babel JS. Designed by CodePen user Mert Nerukuc.
This is a mobile UI Hamburger menu with a nice and fluid round transition. It was designed taking into account accessibility which is why it is in ...
This is a mobile UI Hamburger menu with a nice and fluid round transition. It was designed taking into account accessibility which is why it is in the bottom center of the screen. Created by CodePen user Stas Melnikov.
