background preloader

Fluid CSS3 Slideshow with Parallax Effect

Fluid CSS3 Slideshow with Parallax Effect

http://tympanus.net/Tutorials/CSS3FluidParallaxSlideshow/

Related:  Aure Events & TravelФішки

Motherless family - Pictogram - Free Motherless family | Pictogram | icon Sponsored Links Simple black and white pictogram. Pictogram is in the form of human image. The Best CSS3 Tools, Experiments And Demos For Web Developers CSS3 is already the present on the Web. An authentic reality bursting with possibilities. On a daily basis Awwwards selects the best of the Web universe with the most spectacular examples of the latest version of web styling language par excellence.Tools & Generators | Experiments & Demos | Animations & PicturesEnjoy! CSS3 Tools & Generators:

How to Rotate Images Using JavaScript (JavaScript & Canvas). Cross-browser Solution. — ajaxBlender.com Rotate images using JavaScript – is this even possible? Of course ;) Read this tutorial to find out how to rotate images using JavaScript, and the code is a cross-browser solution. Ok, let’s start from the easiest part. Animated Content Tabs with CSS3 About us You think water moves fast? You should see ice. It moves like it has a mind. Beautiful Photo Stack Gallery with jQuery and CSS3 In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the […] View demoDownload source

Waves Action/Event Works fully with jQuery and JavaScript click event handlers, like Snarl Download the latest version of Waves from Github repository. You can also install it via Bower with bower install waves or via npm with npm install node-waves. Include waves.min.css and waves.min.js to your HTML file and Waves is ready to use! <!

Fokus - Emphasized text-highlighting using JavaScript It's that time of the year again! In late 2010, having spent five great years working at Fi, I was determined to change up my professional life. After interviewing with Qwiki and accepting the position of Lead Interactive Developer it was decided; I was moving to San Francisco! It took a good few months of hard work to sort out all of the practicalities but it was definitely worth it now that I'm here. Fortunately I've still been able to keep this site updated and worked on a variety of projects and experiments throughout the year.

Annotation Overlay Effect with CSS3 A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo-class with the sibling combinator. View demo Download source In this tutorial we’ll create a little overlay effect with CSS using a combination of the :checked pseudo-class with sibling combinators. Free download: Infographic Vector Kit We have a fantastic freebie to download today from Pixeden, a one stop place for great tools for the modern design. Released first and exclusively on WDD, it’s an infographic vector kit, with the most used elements that you may need for your infographic designs. Included in this set is a world map, gender elements, as well as multiple pie and bar charts. You can easily combine and modify all the elements to create a distinctive infographic. The elements in the kit can be used for personal and commercial purposes. The file cannot be redistributed or sold in any shape or form.

Image Tilt Effect How it works A normal image is replaced with layers of semi-transparent divisions of the same image. Every layer moves according to the configuration, creating a subtle motion effect. Hover over the grid images to see how the effect works: Beercamp: An Experiment With CSS 3D Advertisement I recently had the pleasure of organizing this year’s Beercamp website. If you’re unfamiliar, Beercamp is a party for designers and developers. Expanding Fullscreen Grid Portfolio Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image. View demo Download source Each item has a little slideshow of thumbs which will be animated to the right position once the portfolio item gets “expanded”.

Related:  WEB