第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

有沒(méi)有辦法改變 HTML 元素的 hitboxes 的形狀？

有沒(méi)有辦法改變 HTML 元素的 hitboxes 的形狀？

叮當(dāng)貓咪 2023-09-11 14:50:32
我正在做一個(gè)項(xiàng)目，里面有一顆鉆石。它的形狀是這樣的：但是，您可以單擊邊界框中的任意位置來(lái)激活它。這很煩人，因?yàn)槿绻惆押芏鄸|西放在一起，它們會(huì)激活第一個(gè)創(chuàng)建的邊界框，因?yàn)樗倪吔缈蚺c另一個(gè)邊界框重疊。我正在尋找一個(gè)簡(jiǎn)單的函數(shù)來(lái)改變它的形狀，無(wú)論是CSS還是JS，或者類似的解決方法。
查看完整描述

1 回答

?
LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

你需要這樣做clip-path


.box {

  width:200px;

  height:100px;

  display:inline-block;

  vertical-align:top;

  /* to create the borders*/

  background:

    linear-gradient(to top    left ,transparent 49%,#000 50%) top    left,

    linear-gradient(to top    right,transparent 49%,#000 50%) top    right,

    linear-gradient(to bottom left ,transparent 49%,#000 50%) bottom left,

    linear-gradient(to bottom right,transparent 49%,#000 50%) bottom right;

  background-size:calc(50% + 5px) calc(50% + 3px); /* control the border thickness here */

  background-repeat:no-repeat;

  background-color:red;

  

  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);

}

.box:hover {

  background-color:yellow;

}

<div class="box"></div>

<div class="box" style="margin:50px 0 0 -100px"></div>

<div class="box" style="margin:0 0 0 -100px"></div>


查看完整回答
反對(duì) 回復(fù) 2023-09-11
  • 1 回答
  • 0 關(guān)注
  • 118 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)