我正在嘗試用 HTML/CSS 制作這個形狀,但我一輩子都做不到。如果有人能提個醒,將不勝感激。包括JS也沒關系。如果您能在正確的方向上做出最小的推動,我將不勝感激。謝謝,圖來了

uj5u.com熱心網友回復:
請檢查此代碼
#talkbubble {
width: 120px;
height: 80px;
background: red;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#talkbubble:before {
content:"";
position: absolute;
right: 100%;
top: 26px;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 26px solid red;
border-bottom: 13px solid transparent;
}
<div class="shape">
<h2>Talk Bubble</h2>
<div id="talkbubble"></div>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/454076.html
標籤:css
上一篇:導航欄專案在懸停時晃動
下一篇:如何替換css中的文本?
