Thursday, May 26, 2011

Easy Image Zoom with jQuery

Posted by Unknown On Thursday, May 26, 2011 No comments

image by: cssglobe.comView Demo DownloadThe task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image.This plugin is customizable with several options and simple CSS definitions. In terms of CSS all you need to do is define the newly created image zoom element's size, position and appearance.This all the code.<html><head><script [...]

Read Full story

CSS Circle Button

Posted by Unknown On Thursday, May 26, 2011 No comments

image by: superdit.comSee Demo at the bottom of the page.With the new features that CSS3 have creating a variety of button. In this example, radius of the border, padding the button, the height and width modified, it can look like a circle. And added the rotateX property that currently only supported in web kit browser, to make it look like from different angle.This all the simple code.<!DOCTYPE [...]

Read Full story

Friday, May 20, 2011

Background Animations Using MooTools

Posted by Unknown On Friday, May 20, 2011 No comments

One of the sweet effects made easy by JavaScript frameworks like MooTools and jQuery is animation. Here's a quick MooTools code snippet that shows how you can add animating a background image to any element on a page. The CSS #animate-area { background-image:url(clouds.png); background-position:0px 0px; background-repeat:repeat-x; } The first step is assigning the image as a background image for [...]

Read Full story
Pages 71234 »