Border radius den modsatte vej / et hul i en div?

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46
Border radius den modsatte vej / et hul i en div?

Indlæg af Josefine » 27. dec 2012, 19:04

Hej igen NP! :)

Jeg spekulerede på, om det var muligt at få "vendt" border radius modsat?
I ved, i stedet for bløde hjørner, så få lavet sådan et blødt "hul" .... hmm, måske lidt svært at forklare. I stedet for:

Billede

Så vil jeg gerne have det til at blive:

Billede

Forstår I?

- Kan det ikke godt lade sig gøre med CSS?

Og nej, jeg vil ikke lave en ny div med et rundt hjørne og placere ind foran. Det skal være selve div'en sig selv, der skal rettes på, for der skal nemlig tekst ind i den, som skal kunne rette sig efter dens figur. Sådan, at der står tekst inde i det turkise felt.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Border radius den modsatte vej / et hul i en div?

Indlæg af ThomasI » 27. dec 2012, 21:09

Jquery kan klare det et langt stykke ad vejen.

Se f.eks her:

http://jquery.malsup.com/corner/

Ellers så tjeck denne her fiddle ud:

http://jsfiddle.net/localpcguy/Evsht/4/

Måske er det nogenlunde det du leder efter? - du kan måske selv modificere den?

se også her: http://lea.verou.me/2011/03/beveled-cor ... gradients/

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: Border radius den modsatte vej / et hul i en div?

Indlæg af scootergrisen » 27. dec 2012, 22:57

Jeg tror ikke du kan lave det med border-radius.

Men du kan lave det med et baggrundsbillede med CSS.

Fischer
Begynder
Indlæg:5
Tilmeldt:25. dec 2012, 23:13

Re: Border radius den modsatte vej / et hul i en div?

Indlæg af Fischer » 27. dec 2012, 23:26

scootergrisen skrev:Jeg tror ikke du kan lave det med border-radius.

Men du kan lave det med et baggrundsbillede med CSS.
Det her.

Hvorfor ikke bare design din boks, og indsæt den som et billed?

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: Border radius den modsatte vej / et hul i en div?

Indlæg af Josefine » 28. dec 2012, 10:32

Tak Thomas, tror du har fat i noget, jeg måske kan bruge.... jeg kigger lige på det :D

scootergrisen og Fischer: Som sagt, der skal være tekst inde i boksen, som "følger" buen og retter sig ind efter det ad sig selv.

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: Border radius den modsatte vej / et hul i en div?

Indlæg af Josefine » 30. dec 2012, 12:51

Hmm, har aldrig lært jQuery før.... :? Hvordan forbinder man det til div'en?

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Border radius den modsatte vej / et hul i en div?

Indlæg af ThomasI » 30. dec 2012, 18:18

Prøv at se nogle af de jQuery videoer vi har på sitet... måske vil det ledde dig på sporet ;)

Er der ikke en vejledning et sted til det der plugin jeg har linket til?

Besvar