如何製作div角落橢圓形？

使用CSS我想要一個div部分橢圓形的角落。如何製作div角落橢圓形？

.c { 
height: 10em; 
background: radial-gradient(circle 50px at 50% 100%, transparent 50px, rgba(84, 82, 94, 0.8) 50px); 
background: -webkit-radial-gradient(50% 100%, circle, transparent 50px, rgba(84, 82, 94, 0.8) 50px); 
}

來源

2014-01-17 sona

http://css-tricks.com/the-shapes-of-css/ –

@NagarajS感謝您的幫助 – sona

很簡單

#oval { 
    width: 200px; 
    height: 100px; 
    background: red; 
    -moz-border-radius: 100px/50px; 
    -webkit-border-radius: 100px/50px; 
    border-radius: 100px/50px; 
}

-moz-border-radius: 100px/50px;支持以前的Firefox版本。 -webkit-border-radius: 100px/50px;支持以前版本的chrome。

來源

2014-01-17 10:27:16

您可以使用下面的代碼給你的div的橢圓形： -

.myclass{border:1px; 
-moz-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px; 
-webkit-border-radius: 4px 4px 4px 4px; 
border-radius:14px 14px 14px 14px; 
}

您可以調整邊角如果橢圓通過增加和減少類似邊界半徑的四角值： 25px 25px 14px 14px; 等

來源

2014-01-17 10:38:02

thanx其真正的工作.. – SiwachGaurav

如何製作div角落橢圓形？

回答

相關問題