In Playground, by Manoela Ilic
The Codrops team wishes everybody a Merry Christmas and a happy new year! A big “Thank You” from us in form of a little demo with a bursting animated gift box and some flying icons.
In Playground, by Manoela Ilic
How cool is it to sometimes just display content a little bit differently? Today we want to share an experiment with you that let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in a wave-like manner. When clicking on a thumbnail, we’ll “zoom” into the wave. Clicking again will make the large content area appear; here we will show some more content.
In Playground, by Yuri Artiukh
Some experimental video transitions using Curtains.js and shaders.
In Playground, by Manoela Ilic
A fun “try-on” experiment that shows a first person view through the colored lenses of sunglasses, mimicking the movement of putting them on and off.
In Playground, by Manoela Ilic
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
In Playground, by Manoela Ilic
A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experimental.
In Playground, by Manoela Ilic
An experimental template with an interactive old school record player powered by the Web Audio API.
In Playground, by Manoela Ilic
A photography-inspired website layout with an expanding stack slider and a background image tilt effect.
In Playground, by Manoela Ilic
An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta’s script.
In Playground, by Manoela Ilic
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths.
In Playground, by Manoela Ilic
A couple of modern and subtle tab styles and effects for your inspiration. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.
In Playground, by Manoela Ilic
Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects.
In Playground, by Manoela Ilic
Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style.
In Playground, by Manoela Ilic
Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements.
In Playground, by Manoela Ilic
Some inspiration for transition effects for off-canvas navigations.
In Playground, by Manoela Ilic
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
