webForumDet fria alternativet

Runda kanter

6 svar · 1 432 visningar · startad av Beat

BeatMedlem sedan okt. 200732 inlägg
#1

Jag har sett på en mängd olika hemsidor att bilder och liknande har runda hörn. Men jag undrar är det någon som går att göra i css eller måste man göra bilden så själv? För jag undrar om det går att göra så att när man laddar upp en bild med php så att det blir ett runt hörn eller om man själv måste göra om den i ex. Photoshop först.

itpastornMedlem sedan feb. 2007278 inlägg
#2

Runda hörn eller runda kanter (3-D effekt)?

Det sista kan man få med "ridge": http://reference.sitepoint.com/css/border-style

BeatMedlem sedan okt. 200732 inlägg
#3

Runda hörn är det jag menar

EclipseMedlem sedan juli 20003 825 inlägg
#4

Tack!!

Danne VMedlem sedan aug. 20068 090 inlägg
#5

Beat skrev:

Runda hörn är det jag menar

Finns lite olika knep. Sök på t.ex. "round corners" eller "round corners css" så får du massor att välja bland.

itpastornMedlem sedan feb. 2007278 inlägg
#6

I all hast: Tre huvudspår:

1. CSS 3 som det finns experimentellt stöd för i FFox och Safari

2. CSS + bilder + html

3. Javaskript som skapar samma resultat som i steg 2: http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/

Det finns för och nackdelar med alla tre vägarna.

itpastornMedlem sedan feb. 2007278 inlägg
#7

Ett tips på en ny resurs jag såg idag: http://www.cssglobe.com/post/1415/3-simple-steps-in-coding-a-rounded-corners-layout

135 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)