A neat looking effect created using clip-path. Styling elements based on sibling count. Responsiveness depends on first image size. This great looking slider utility was created by Michal Niewitala.
This is a clever use of CSS for recreating a check from brunch at a diner. It is structured by making use of CSS Grid display capabilities and the ...
This is a clever use of CSS for recreating a check from brunch at a diner. It is structured by making use of CSS Grid display capabilities and the homemade apple typeface that brings the handwritten touch to the general rustic design. Created by CodePen user Jules Forrest.
This is a set of seven SVG illustrations animated via CSS with a slight help of JS. It mainly implements CSS keyframes compiled through Sass, and u...
This is a set of seven SVG illustrations animated via CSS with a slight help of JS. It mainly implements CSS keyframes compiled through Sass, and uses JS for centering to the origin the elements within each illustration that are being animated. Created by CodePen user Stefan (EntropyReversed)
This is a cookie policy consent toggle switch created with JS and SCSS. It uses SVG graphics to give form to the cookie icon that with the help of ...
This is a cookie policy consent toggle switch created with JS and SCSS. It uses SVG graphics to give form to the cookie icon that with the help of Tweenmax JS showcases a neat broken cookie transition. Created by CodePen user Darin (dsenneff).
This is an arrangement of boxes that on hover resize to take more space within its container. The hover properties and the width on the boxes are a...
This is an arrangement of boxes that on hover resize to take more space within its container. The hover properties and the width on the boxes are achieve through pure CSS but it also makes use of Sass variables only for setting colors and font sizes. This expanding grid was created by CodePen user Joel Duke.
This is an amazing shading effect for images that take advantage of the shading capabilities of OpenGL brought to the web through ThreeJS. Essentia...
This is an amazing shading effect for images that take advantage of the shading capabilities of OpenGL brought to the web through ThreeJS. Essentially it's just setting ThreeJS up so that it renders a flat surface upon which to draw the shader. Created by CodePen user Liam Egan.
This is a minimalistic images carousel built with FlexBox display layout and jQuery. The slider action is controlled via jQuery, styled by making u...
This is a minimalistic images carousel built with FlexBox display layout and jQuery. The slider action is controlled via jQuery, styled by making use of pure CSS with a really nice transition effect that feels almost like if you were taking photographies. Created by CodePen user Veronica (@veronicadev).
