background preloader

ScrollMagic - Demo

ScrollMagic - Demo

http://scrollmagic.io/

Related:  Banque d'effet JSSCROLL / PARALLAX / NAVIGATIONWeb Design 1webdoc / ecriture webWeb creatif

CSS Shake Some CSS classes to move your DOM! The basic collection Bs Basic Shake Ss Slow Shake Ls Little Shake Hs Hard Shake ⇄ Fixed Horizontal ⇵ Fixed Vertical ↻ Fixed Rotation Os Opacity Shake ✌ Crazy Shake ℇ Constant Shake % Chunk Shake Launch the animations from the parent with class 'shake-trigger' (customizable)

Fullscreen Overlay Styles & Effects Previous Demo Back to the Codrops Article Overlay fades in and menu rotates slightly in perspective. As seen on Huge If you enjoyed this demo you might also like: Perspective Page View Navigation RYVITA® Before being carefully baked for the perfect crunch the dough is pressed with our unique RYVITA® Rosetta design to ensure the hot air cooks the crispbread evenly when it’s in the oven. We’ve used this same design for over 70 years! The Unique Once baked our crispbread is then packed and ready for you to enjoy. RYVITA® Wholegrain Rye Crispbread is a source of fibre, has less than 55 calories per slice and is very versatile so why not check out some of our topping suggestions to get inspiration for a delicious snack any time of the day! See our recipes

5 tools to transform or enhance text-heavy articles Credit: Image by JM on Logo Design Web. Some rights reserved. During the news:rewired conference last week, Ezra Eeman of Journalism Tools gave delegates a list of essential tools journalists should be aware of when creating enganging content for their audiences. Some of these tools can be applied directly to text-based articles to add a multimedia element and, overall, a more colourful story. GSAP, the standard for JavaScript HTML5 animation Crazy fast Performance is paramount, especially on mobile devices with sluggish processors. Silky smooth HTML5 javascript animation is the hallmark of any tweening engine worth its weight and GSAP outperforms old “industry standards” by literally 1000%+ under stress. What was jerky and twitchy is now fluid.

Vertical Timeline A responsive vertical timeline layout with icons and example media queries. View demo Download source This is a simple responsive timeline with alternating colors for the labels. An icon font is used for the icons in the timeline waypoints and some example media queries show how to adjust the timeline for smaller screens. The main structure of the timeline is an unordered list. Sliding Triple View Layout Climb leg make muffins or sweet beast play time and hate dog or chew foot. Stretch climb leg. Play time give attitude for all of a sudden go crazy chase imaginary bugs lick butt. Claw drapes burrow under covers so hide when guests come over, inspect anything brought into the house hopped up on goofballs. Nap all day swat at dog and rub face on everything stick butt in face all of a sudden go crazy need to chase tail yet rub face on everything. Give attitude chew iPad power cord, and stick butt in face or chase imaginary bugs.

Home « Unfold Unfold is a small independent digital agency,established in Oslo, Norway. In the intersection of technology and design we develop useful, compelling and engaging interactive experiences across all digital platforms. We work on a large variety of projects including applications, sites, games, digital installations and campaigns. Aware of the overwhelming amount of information surrounding us, we aim to speak a clean, clear and meaningful message.

Our work Put on your headphones, turn up the volume and enjoy all of NPR Music’s favorite songs of 2015. NPR spent 2 weeks in the Amazon to find out. Take 10 mins to look at our photos and learn about why it's so hard for us to stop deforestation — and what could happen if we don't. SK - very first serious HTML5 animation tool Simplicity Use your past experience with other animation tools to start working with Blysk in just a second - we don't want to reinvent the wheel, we just give you an outstanding tool inside your browser. Everything you create is available for preview with one-click preview mode. Intuitive interface and WYSIWYG approach provides access to our tool for everyone, not only professionals. A Collection of Page Transitions A showcase collection of various page transition effects using CSS animations. View demo Download source Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics.

The simple jQuery plugin for lovers of one page websites. Have you used SMINT in a project? Id love to see what you've done. Id like to put together a gallery of the best SMINT website, with links back to the designers/developers, so if you have a great example of a SMINT powered website, send me a message on twitter @rabmyself SMINT V3 is finally here! No, really it is! Finally got, a some downtime to have a look and update a few of the bugs and rework how it functions slightly. Noah Official Movie Site The Ark on the official movie site for Noah, starring Russell Crowe. Page not Found Error 404 Go back

Related:  Plugins