Posts

Animated Image Border Effect with jQuery Plugin

Inset Border Effect – jQuery plugin that puts a border around the images, when the image is hovered, the border animates to the sides, revealing the whole image.

In plugin options you can easily set animation speed, border color, border type e.g. solid, dashed and more.

View DEMO

Image border effect - jQuery plugin

Easy to use, just:

$("img").insetBorder();

All Plugin options:

$("img").insetBorder({
  speed          : 1000,           // 1000 = 1 second, default 250
  borderColor    : "orangered",    // Default white (#ffffff)
  inset          : 10,             // Border width, default 10px
  borderType     : "solid",        // Border type, e.g. dashed
  outerClass     : "ibe_outer",    // Class name of outer wrap
  innerClass     : "ibe_inner"     // Class name of inner border
});

Flash glow with trails effect

Flash trails effect using BitmapData. 28 lines of code, 3.9Kb swf file.

NOTE: You may NOT Redistribute Source files from your own site. You must link to the page where the source file is located. License: Creative Commons 3.0 License.

It’s Flash 8, AS 2 code

[button link="http://www.visual-blast.com/source/flash/flash_glow_trails_effect.fla" size="large" color="#3279BB" border="#3279BB" text="grey"]Download Flash .fla[/button]