background preloader

Original Hover Effects with CSS3

Original Hover Effects with CSS3

http://tympanus.net/Tutorials/OriginalHoverEffects/index10.html

Related:  JQUERYAstuces & Technologies Web

Timeline Portfolio Martin Angelov Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests. Elastic Image Slideshow with Thumbnail Preview « Previous Demo: Fullscreen Image Blur Effect Images by BarbraGolba Back to the Codrops Article Elastic Image Slideshow with Thumbnail Preview Creative Duet Friendly Devil Tranquilent Compatriot Insecure Hussler Loving Rebel Passionate Seeker Crazy Friend Current Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Accordion with CSS3 Using hidden inputs and labels, we will create a CSS-only accordion that will animate the content areas on opening and closing. View demo Download source Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class.

Impressive CSS3 Product Showcase Introducing Galaxy Nexus Android 4.0 Super Amoled 720p Screen 1.2 GHz Dual Core CPU 32 GB of storage Fast Camera Simplicity in Android 4.0 Android 4.0, Ice Cream Sandwich brings an entirely new look and feel to Android. Simple layouts with subtle animations and delightful flourishes make everything feel alive. Connect & Share jui_pagination docs - jQuery pagination plugin $("#element_id").jui_pagination({ totalPages: 100, containerClass: 'some_class', currentPage: 1, visiblePageLinks: 5, maxVisiblePageLinks: 20, Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet.

Beautiful Photo Stack Gallery with jQuery and CSS3 The Night Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity.Top Cat! The indisputable leader! Creative CSS3 Animation Menus Being in the mood for experimenting with CSS3, I'd like to show you some creative menu hover effects in today's tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We'll be exploring some different effects for the elements. View demo Download source Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. Perfect Full Page Background Image By Chris Coyier On This post was originally published on August 21, 2009 and is now updated as it has been entirely revised. Both original methods are removed and now replaced by four new methods.

Portfolio Image Navigation with jQuery Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical). Either the arrows or the little boxes below the current image can be used in order to navigate. Filter Functionality with CSS3 Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial we will be exploring those CSS3 properties by creating a experimental portfolio filter that will toggle the states of items of a specific type. View demo Download source

Animate a Curtain Opening with jQuery This is just the demo page! Head back to the tutorial for the full explanation.

Related: