background preloader

Arctext.js - Curving text with CSS3 and jQuery

Arctext.js - Curving text with CSS3 and jQuery
Related:  effectsJquery Plugins

NEOTOKIO! / italian interactive design studio tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design Video controls:Play | Pause | Volume Up | Volume Down | Mute Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world Assuming you're happy with the default options and you use a wrapper div with the id of wrapper, you simply attach to your wrapper div and specify the video you want to load: and Presto! A word of caution Tubular does not design your website for you. Options and defaults ratio: 16/9 // usually either 4/3 or 16/9 -- tweak as needed videoId: 'ZCAnLxRvNNc' // toy robot in space is a good default, no?

Adipoli jQuery Image Hover Plugin - Cube3x How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: <script> $('#image1').adipoli(); </script> Adding Options: Available Options startEffect : Default style of imagehoverEffect : Image style on mouse overimageOpacity : opacity of image considered when start effect is transparent or overlayanimSpeed : Animation speed for the effectfillColor : Overlay colortextColor : Text ColoroverlayText : Default HTML to be displayed on overlayslices : Number of slices for slice animationsboxCols : Number of boxes in a row for box animationsboxRows : Number of rows for box animationspopOutMargin : Margin of Image popoutpopOutShadow : Shadow length of popout image. Start Effects: transparentnormaloverlaygrayscale Hover Effects: Change Log Version 2.0 Added grayscale startEffectMoved code to github Do you want to know

Final Collapsing Header Effect Lorizzle ipsizzle dolizzle boofron daahng dawg, mofo adipiscing fizzle. Nullizzle ma nizzle velizzle, bling bling volutpat, dizzle , gravida the bizzle, arcu. Mah nizzle egizzle gangsta. Go to hizzle eros. Get down get down izzle funky fresh crazy i saw beyonces tizzles and my pizzle went crizzle gangsta gangster. Mauris pellentesque nibh et shiznit. Curabitizzle pizzle gizzle quis nisi dawg crunk. Donec posuere auctizzle funky fresh. tiltShift.js - a jQuery plugin using CSS3 filters to replicate the tilt shift effect download Download here or go to github. Released under GPL how to use Call the plugin on any collection of images you want by adding the following jQuery: jQuery(document).ready(function() { $('.tiltshift').tiltShift(); }); Parameters on each image must be set using the HTML5 data attributes, like this: The attributes will control various variables that influence the tiltshift effect. -position (0-100), defines the point of focus. 66 would be two thirds of the way in. notes As previously stated, currently only supported by Chrome & Safari 6. authors tiltShift.js is brought to you by Noel Tock, a WordPress, front-end and startup dude. Additional code by Adam Yanalunas, a dude who is passionate about stuff and things … especially front-end development stuff and JavaScript things. photo credits If you're interested in licensing any of the images, please contact the photographers by following the links below: Airplane / Stadium / Ocean / Skyscraper

Nasıl? 3D Book Showcase Red snapper Kafue pike fangtooth humums slipmouth, salmon cutlassfish; swallower European perch mola mola sunfish, threadfin bream. Billfish hog sucker trout-perch lenok orbicular velvetfish. Delta smelt striped bass, medusafish dragon goby starry flounder cuchia round whitefish northern anchovy spadefish merluccid hake cat shark Black pickerel. Whale catfish leatherjacket deep sea anglerfish grenadier sawfish pompano dolphinfish carp large-eye bream, squeaker amago. Trahira giant wels cutlassfish snapper koi blackchin mummichog mustard eel rock bass whiff murray cod. In this nightmare vision of cats in revolt, fifteen-year-old Alex and his friends set out on a diabolical orgy of robbery, rape, torture and murder.

jQuery plugin for Avgrund concept popin Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). You can simply init Avgrund with one line and linking 'avgrund.css' file: $('element').avgrund(); Avgrund has several options for you to customize it easily: Avgrund plugin was inspired by Hakim's Avgrund.js demo.

Related: