SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: Cut-off image

  1. #1
    Non-Member
    Join Date
    Sep 2007
    Posts
    69
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cut-off image

    I currently have an image containing 4 rounded corners joined together. Using css how do I crop out one of the corners? - to eventually be repeated for all 4 corners.

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If the image is made a background for an element which is defined as half the width and height of the graphic, then only one of the corners (top left by default) will be shown, the rest being clipped. Using background-position: in the css you can define right top or left bottom or right bottom to display the relevant part.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •