Home / Free Stuff

Free Stuff

SetTimeout random interval in javascript

Just few days back i got a request for my client to making a script that Increment Number with random interval. Then i thought to make a small plugin that generates random interval. How it works, is start number increments with a default value (1000) and set a cookie to user’s browser and every time this script update the cookies value so that when the user refresh there browser he/she get the same last incremented value. You can control the setTimeout random interval to change the value in the following line var rand = Math.round(Math.random() * (2000 - 200)) + 200;

Animation with CSS3 transform

There are a lot of new features in CSS3 like fade in / fade out, scale and rotate, animation etc; which help us to beautify our website to give it a new look with CSS3 features.

In this post we are going to create an effective animation with the help of@keyframe. First we have to make some animation with the help of other CSS3 properties like in this example we are making the animation with transform and after that we can bind this animation to the selectors with help of CSS3 animation properties. Please take a look on the below code to make this animation.

CSS3 Animation