CSS3 form

2011-08-28 15:06

Permalänk

Mitander

Medlem

Plats: Landvetter
Registrerad: Dec 2010

●

CSS3 form

Hej!

Jag håller på att bygg en websida och jag vill göra så mycket i CSS3 som möjligt, och mitt problem är att jag inte vet hur jag ska få till en viss form. Formen jag är ute efter är en 90 graders kurva, dvs en sån här :
http://data.fuskbugg.se/skalman02/4e5a3d2ab9bc6_kurva.jpg (grym bild, vet)
Har experimenterat en del men har inte lyckats lösa det :/

tacksam för bevisade lösningar
// Mattias

Visa signatur

Logitech G9x | Steelseries 6G V2 | Razer Carcharias

Rapportera Redigera

Citera flera Citera

2011-08-28 15:29

Permalänk

anon150287

Inaktiv

Registrerad: Apr 2010

●

border-radius?

Rapportera Redigera

Citera flera Citera

2011-08-28 16:07

Permalänk

Mitander

Medlem

Plats: Landvetter
Registrerad: Dec 2010

●

Jo precis, men vilka värden?

Visa signatur

Logitech G9x | Steelseries 6G V2 | Razer Carcharias

Rapportera Redigera

Citera flera Citera

2011-08-28 18:00

Permalänk

anon150287

Inaktiv

Registrerad: Apr 2010

●

Ja det beror på hur stor kurva du vill ha och i vilka hörn de ska vara.
Här är en liten JSFiddle du kan titta på: http://jsfiddle.net/gbvAv/

Rapportera Redigera

Citera flera Citera

2011-08-28 18:06

Permalänk

Softnux

Medlem

Plats: Halmstad
Registrerad: Nov 2002

●

http://jsfiddle.net/7V7xt/

Visa signatur

eSport Sverige

Rapportera Redigera

Citera flera Citera

2011-08-28 21:36

Permalänk

Mitander

Medlem

Plats: Landvetter
Registrerad: Dec 2010

●

Riktigt nice softnux, fast nu återstår problemet att jag endast vill ha en kurva! alltså det ska inte vara en "loop", utan bara ett hörn..

Visa signatur

Logitech G9x | Steelseries 6G V2 | Razer Carcharias

Rapportera Redigera

Citera flera Citera

2011-08-28 23:12

Permalänk

Soulnut

Medlem

Plats: Norrköping
Registrerad: Aug 2006

●

Du kan definiera vilket hörn du vill justera, tex "border-top-left-radius: "
titta på: http://www.css3.info/preview/rounded-border/

Och så vill jag inte rekommendera att göra något som är av större betydelse vad gäller designen i CSS3. Mest på grund av IE8 som inte har stöd för det.

Visa signatur

Phenom II X6 1055t @ 3,5GHz
Sleeva.se »

Rapportera Redigera

Citera flera Citera

CSS3 form

CSS3 form

Externa nyheter

Spelnyheter från FZ