326
Created 09/07/2011 - 1 year ago
A technique for a rounded tabs where the top corners are rounded, but also the bottom corners are rounded where they attach to the content area. "Round out" or "flared" borders, if you will.
Source
css-tricks.com
elijahmanor: "CSS-Tricks: Tabs with Round Out Borders" by @chriscoyier #webdev http://j.mp/ob5koD
AntonVolodin: Tabs with Round Out Borders - http://t.co/7YXFF9m
micdijkstra: RT @happycog: A great visual example of rounding out corners on tabs: http://cog.gd/2l7 via @chriscoyier
Hoggeran: RT @ptamaro: Tabs with Round Out Borders | http://t.co/GyDh6St via @csshead - #webdesign #CSS
fcalderan: http://t.co/Tb6aQ4q a cool #CSS effect by Chris Coyier
lecolibrilibre: Tabs with Round Out Borders http://j.mp/nt70Mp #css // Rhooo c'est mignon...
junihh: En @real_CSS_Tricks explicaron cómo hacer tabs con bordes redondeados "como un niño de 5 años", jajajaj - http://t.co/V8F7JWi
SyntheticTone: Tabs with Round Out Borders | CSS-Tricks http://ow.ly/6nCCw #css #webdev (cool trick)
SisBlog: RT @EtnasSoft: Pestañas con border redondeados arriba y abajo. Más CSS que HTML. http://t.co/qJIilwo
zeidanco: RT@jasiakk Tabs with Round Out Borders | #CSS Tricks http://t.co/WpCLOBS #webdesign #webdeveloper #css3: Tabs... http://t.co/ywNedEX
doculmus: “@jsgoodies: Tabs with round out borders; more css than html: http://t.co/GNlr4ns” @salmiak
agustinh: Tabs with round out borders (con código descargable): http://t.co/nWDzlQV #CSS
webjohan: Tabs with Round Out Borders: http://ow.ly/6nqmg #CSS (via @real_CSS_Tricks)
jBoive: Tabs with Round Out Borders http://t.co/iOiCJx5 via @zite
iDeaExpert: สอนเขียน CSS3 ให้เป็นเมนูแบบแท็บที่มุมมนสวยงาม เจ๋งดี อธิบายละเอียดยิบ http://j.mp/mXXN7P via @iannnnn #aroi #Howto
incredibleTB: Tabs with Round Out Borders http://t.co/7eBJlJf #css #webdesign
epbsantos: Tabs with Round Out Borders | CSS-Tricks: http://me.lt/5x4sn
HTML5CSS3France: RT @purplehayz: Tabs with round out borders (#CSS) http://t.co/bR8yM9I
oloman: Caja con pestañas redondeadas muy bien explicado [eng] http://t.co/zYeulaE Vía @DanielUlczyk
aquosus: いや〜な ラウンドタブを before afterで / Tabs with Round Out Borders | CSS-Tricks http://t.co/qslIDBB
anythinggraphic: Tabs with Round Out Borders via CSS - @real_CSS_Tricks - http://t.co/kx5rP75
circlecube: #like http://t.co/nkUj7HC Tabs with Round Out Borders
antoineguedes: A nice #css demo, by @chriscoyier:Tabs with Round Out Borders - http://t.co/x1miYHQ
ahlstrominfopin: (seoism) Tabs with Round Out Borders | CSS-Tricks: http://t.co/jzpbVLd
johnkreitlow: Tabs with round out borders http://t.co/hUuOhgN
NoriSte: @ChiaraRebecca have you already subscribed the css-tricks RSS? http://t.co/psr66tu
cssradar: CSSだけで、ボーダー周りも角丸にする。もちろん、CSS3。 http://j.mp/qUY5lR
samodrole: Great idea with CSS3 from Chris - http://t.co/Q0OIyOM
eduardohorvath: Tabs with Round Out Borders: http://t.co/p9HlfYe #UI
freetemplateson: Tabs with Round Out Borders http://ow.ly/6lO9L
TarvosMedia: [CSS-Tricks] >> Tabs with Round Out Borders http://t.co/4KPK4QG
INKWEST: Tabs with Round Out Borders http://t.co/ZxYJLHE [CSS Tricks]
viniciuscamara: Tabs with Round Out Borders http://ow.ly/6lWNT http://t.co/vdr2NoI
djlandox: Tabs with Round Out Borders http://t.co/zqrzNcY beautiful effect.. love it
mickes: Currently reading the always excellent Chris Coyier on Tabs with Round Out Borders - http://t.co/fqgzY6w
PauldeWouters: Tabs with Round Out Borders - Summify http://j.mp/nYJzaU
csantama: RT @edudiaz: Tabs with Round Out Borders http://j.mp/nEC5N8
fernando_dela: Tutorial: HTML/CSS: Tabs with Round Out Borders. http://t.co/83QLQoX /via @nicholaspatten @pelfusion #webdesign
pelfusion: RT @nicholaspatten: Tutorial: HTML/CSS: Tabs with Round Out Borders. http://t.co/YosbxgA
tylersticka: All CSS tabs with round out borders: http://t.co/ZxCmhBT (via @peterwooley)