har googlat runt men inte hittat något resultat.
Kodapa
Är reklamen ivägen? Logga in eller registrera dig så försvinner den!
Annons
Css3 - halvcirkel
Skapad av Lollaren, 2011-07-16 12:16 i Webbutveckling & Programmering
1 941
20 inlägg
0 poäng
Kan man göra typ en halvcirkel fast utan rak linje ungefär så här med css3?:
har googlat runt men inte hittat något resultat.
har googlat runt men inte hittat något resultat.
Förmodligen svårt, om det ens går.
Varför inte bara göra en bild?
Varför inte bara göra en bild?
HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE
Svar till Syndafloden [Gå till post]:
Hade tänkt att lägga till en enkel border till min footer.
Men det var ju inte så enkelr :/
Bilder är så svåra och få perfekta.
Svåra att ändra om man vill ha lite mer bredd också.
Hade tänkt att lägga till en enkel border till min footer.
Men det var ju inte så enkelr :/
Bilder är så svåra och få perfekta.
Svåra att ändra om man vill ha lite mer bredd också.
Kodapa
Svar till Lollaren [Gå till post]:
Använd vektorgrafik så är det inga problem att transformera figuren.. alltså, skjuva, skala om eller rotera etc.
Använd vektorgrafik så är det inga problem att transformera figuren.. alltså, skjuva, skala om eller rotera etc.
Att stressa har jag inte tid med.
Svar till Lollaren [Gå till post]:
Fast det blir svårare att få till det med CSS3, eftersom CSS3 inte har fullt stöd i alla webbläsare ; )
Fast det blir svårare att få till det med CSS3, eftersom CSS3 inte har fullt stöd i alla webbläsare ; )
HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE
Kodapa
Jag kom bara fram till en riktig fullösning och jag skulle nog satsa på Canvas i HTML5 eller göra en bild.
Fullösning (:
http://pastebin.com/4B6ULsdC
Värt att tillägga är att man måste dölja 150 pixlar i min lösning.
Fullösning (:
http://pastebin.com/4B6ULsdC
Värt att tillägga är att man måste dölja 150 pixlar i min lösning.
Jag är ond!
Svar till Lollaren [Gå till post]:
IE 6, 7 och 8 har inte stöd för typ något alls.
Gissa vilka webbläsare som används mest i världen?
IE 6, 7 och 8 har inte stöd för typ något alls.
Gissa vilka webbläsare som används mest i världen?
HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE
Ingen status
Svar till Syndafloden [Gå till post]:
IE 9 funkar det med.
IE,Firefox,Google Chrome,Opera och Safari skulle jag tro.
IE 9 funkar det med.
IE,Firefox,Google Chrome,Opera och Safari skulle jag tro.
Kodapa
Svar till Lollaren [Gå till post]:
Men en stor del av de som surfar på internet använder IE<=8, vilkt betyder att en stor del kommer se en fuckad sida.
Men en stor del av de som surfar på internet använder IE<=8, vilkt betyder att en stor del kommer se en fuckad sida.
Svar till Splux [Gå till post]:
Nej.
Eller, jo, men det är fortfarande webbutvecklarens uppgift att se till att alla besökare får en närmast ikvärdig upplevelse.
Nej.
Eller, jo, men det är fortfarande webbutvecklarens uppgift att se till att alla besökare får en närmast ikvärdig upplevelse.
HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE
Svar till Syndafloden [Gå till post]:
Fast med en liten snippet-kod kan man ju göra både CSS3 och HTML5 tillgängligt på IR6 och uppåt.
Fast med en liten snippet-kod kan man ju göra både CSS3 och HTML5 tillgängligt på IR6 och uppåt.
One pill makes you larger, one pill makes you small, but the pills that mother gave you don't do nothing at all
IE9 fungerar ju bara på vista+ så du kan inte direkt räkna med att folk har det...
Känns som bild är det bästa alternativet idag
Känns som bild är det bästa alternativet idag
Ingen status
Svar till Syndafloden [Gå till post]:
Jo vet man men kan ju göra en sida utan runda kanter åt IE 8 användare
Jo vet man men kan ju göra en sida utan runda kanter åt IE 8 användare
Kodapa
Svar till Lollaren [Gå till post]:
Kanterna blir ju raka i de webbläsare som inte har stöd för rounded-border.
Kanterna blir ju raka i de webbläsare som inte har stöd för rounded-border.
/party
Slog mig idag att det där borde vara ganska enkelt att lösa ändå med css3?
Border till vänster, till höger och undertill. Säg att div'en ligger på en 400px bredd. Sätt border-radiusen på höger-nere och vänster-nere till 200px.
Borde du inte uppnå önskat resultat då?
Kanske tänker fel, men rätta mig isf.
Border till vänster, till höger och undertill. Säg att div'en ligger på en 400px bredd. Sätt border-radiusen på höger-nere och vänster-nere till 200px.
Borde du inte uppnå önskat resultat då?
Kanske tänker fel, men rätta mig isf.
Ingen status
Svar till miii [Gå till post]:
Det fungerar fint det och att jag inte tänkte på det när jag gjorde min lösning innan (:
Det fungerar fint det och att jag inte tänkte på det när jag gjorde min lösning innan (:
Resultat
http://pastebin.com/4jCP2vZN
Jag är ond!
Forum » Datorer & IT » Webbutveckling & Programmering » Css3 - halvcirkel
Ansvariga ordningsvakter:
Användare som läser i den här tråden just nu
1 utloggadSkriv ett nytt inlägg
Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!