1 reply [Last post]
matthew4773
matthew4773's picture
Offline
newbie
Last seen: 1 year 41 weeks ago
Timezone: GMT+1
Joined: 2017-12-28
Posts: 1
Points: 2

Hello, I need your help with this hard task. I need to remove from this circle four stripes/lines. Only I can do is the cirlce.
[.circle {
width: 300px;
height: 300px;
background: black;
border-radius: 150px;
}]

I need something like this, but with straight lines:
picture here
THANKS ... I hope it is possible. Sad( Sad( Sad(

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 20 hours 14 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9743
Points: 3822

???

I don't understand your objective. Your circle seems to be created by rounding the borders, which is ok, but what is its content? Just four black lines? If so, open up your image manipulation program and create it.

If the circle will have actual content, make a square image of alternating black and transparent lines and use it as background in the circle. Use the background-size property to fit.

This sounds like a homework assignment to me; one that is good only as an academic exercise, having no real world value.

If there is more to it, let us know.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.