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.
This is a set of five cards that dynamically resizes and expands on click. They are constructed out of plain HTML, with style and the use of CSS fl...
This is a set of five cards that dynamically resizes and expands on click. They are constructed out of plain HTML, with style and the use of CSS flexbox properties for easily resize and adapt the active card that JavaScript toggles on click. Created by CodePen user Zed Dash.
