CODEWITHSUNDEEP
css
vinay
vinay

Reputation: 11

How to do this by using css3

How can I replicate this image using CSS? Note: image should be in img tag, not as background

Upvotes: 0

Views: 81

Answers (4)

arthur86
arthur86

Reputation: 531

Try this : 

<img style='border-radius:200px;' width='200' height='200' src="http://www.tuswallpapersgratis.com/images/wallpapers/leon1-600553.jpeg" alt=''/>

See http://jsfiddle.net/B82AX/

Upvotes: 0

GeckoTang
GeckoTang

Reputation: 2785

I created 2 versions.

Try this : http://jsfiddle.net/B82AX/5/

Upvotes: 4

Dogoku
Dogoku

Reputation: 4675

Really quick answer with mostly static heights etc

http://jsfiddle.net/9xvUF/3/

You put the image you want as a background image

I'm sure there's a more elegant way to pull this off though

Good luck

Upvotes: 2

Simon McLoughlin
Simon McLoughlin

Reputation: 8465

if what your looking for it how to make a round image, heres an example:

http://webdesignerwall.com/tutorials/css3-image-styles

Upvotes: 0

Related Questions