codrops / FullscreenLayoutPageTransitions
This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open th…
☆730Updated 11 years ago
Related projects ⓘ
Alternatives and complementary repositories for FullscreenLayoutPageTransitions
- Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.☆352Updated 5 years ago
- A library for pretty shadows.☆2,178Updated 7 years ago
- A tutorial on how to create a off-canvas icon navigation with an animated border effect.☆273Updated 11 years ago
- A tutorial on how to create some subtle and modern caption hover effects.☆413Updated 11 years ago
- A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create…☆577Updated 6 years ago
- Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it…☆531Updated 11 years ago
- Quite simply the ideal Image Slider in vanilla JS.☆1,569Updated 3 years ago
- Pull to refresh for the web☆1,601Updated 7 years ago
- A Simple jQuery Plugin for Animating Scroll☆713Updated 4 months ago
- A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking a…☆184Updated 9 years ago
- The first jQuery plugin to use jQuery Cycle plugin as a fullscreen background slideshow.☆407Updated 8 years ago
- A collection of dialog effects using CSS (and SVG) animations.☆308Updated 7 years ago
- 1140px Responsive CSS Grid☆96Updated 10 years ago
- A jQuery plugin to create a dynamic, multi-column layout.☆2,634Updated 4 years ago
- Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally o…☆361Updated 9 years ago
- Modern ways of revealing new content using SVG animations.☆646Updated 10 years ago
- Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore …☆504Updated 10 years ago
- A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.☆447Updated 8 years ago
- While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin…☆181Updated last year
- An on-demand sticky header.☆886Updated last year
- Some inspiration and modern ideas for subtle hover effects.☆1,598Updated last year
- A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuer…☆458Updated 5 years ago
- A jQuery tabs module for todays web!☆544Updated 8 years ago
- How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving w…☆398Updated 7 years ago
- Simple transitions for web pages☆1,510Updated 8 years ago
- Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.☆370Updated 10 years ago
- JQuery and amd compatible plugin to create a parallax effect as seen at spotify.com☆653Updated 9 years ago
- Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.☆191Updated 4 years ago
- A parallax scrolling responsive framework☆1,379Updated 7 years ago
- An on scroll effect template that animates the sides of sections once they are in the viewport.☆224Updated 11 years ago