Image border using CSS or Jquery or Javascript

Question

Can i give an image with an effect like

And the image will be inside that border. Is there any way i can implement in any language like jquery, javascript or CSS?

@JosephSilber i dont know whether it can be done. Just need some tips if it can be implemented. — harikrishnan.n0077
– harikrishnan.n0077, Commented Jan 13, 2013 at 6:50

世人都晓神仙好 · Accepted Answer · 2013-01-13 06:56:16Z

3

CSS transforms can do the trick in modern browsers.

Here's a demo. And here's documentation from MDN.

answered Jan 13, 2013 at 6:56

3,5953 gold badges27 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

What about the tilt? The image provided has a shift on the z-axis

@djthoms It could be done by setting a proper perspective value and applying a rotateY transform to the image element.

laxonline · Accepted Answer · 2013-01-13 07:02:28Z

1

CSS3 Transitions, Transforms, Animation, Filters and more!

Have a look at this

answered Jan 13, 2013 at 7:02

laxonline

2,6531 gold badge22 silver badges37 bronze badges