Jump to content


Photo

CSS inverted round corners


  • Please log in to reply
2 replies to this topic

#1 gerkintrigg

gerkintrigg

    Book Publisher

  • Members
  • PipPipPip
  • 814 posts
  • LocationPlymouth, UK
  • Age:33

Posted 26 November 2011 - 04:57 PM

I understand the round corner command in CSS and it works when I use it like this:

.round_corner_image{
	-moz-border-radius: 15px;;
	border-radius: 15px;
	margin:2px;
}

My question is how to make a box like the logo here: http://ghostsinplymo.../small_logo.jpg I want to make a box in CSS which has the same shape as the rusted metal and figured it's probably possible in CSS 3.

I've tried negative values but that doesn't work.

Any suggestions?

Thanks.
Neil Trigger - http://www.ghostlypublishing.co.uk - Ghostly Publishing - Children's Fantasy Books

#2 Adam

Adam

    Advanced Member

  • Gurus
  • 5,680 posts
  • LocationSheffield / UK

Posted 27 November 2011 - 07:34 AM

There is no CSS only solution, you need to use images.

#3 gerkintrigg

gerkintrigg

    Book Publisher

  • Members
  • PipPipPip
  • 814 posts
  • LocationPlymouth, UK
  • Age:33

Posted 27 November 2011 - 07:38 PM

Bummer.
Thanks.
Neil Trigger - http://www.ghostlypublishing.co.uk - Ghostly Publishing - Children's Fantasy Books




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com