我怎樣才能創建一個三角形的最長邊上的盒子陰影

-4

我目前正在設計一個android phonegap應用程序，我需要幫助，試圖重新創建一個盒子陰影的三角形，但盒子陰影會只顯示爲正方形而不是三角形。當我嘗試尋找答案時，我只能找到一個等邊三角形，或者只能找到一個，而不是最長的一邊。我怎樣才能創建一個三角形的最長邊上的盒子陰影

設計（隱藏的某些部分）： https://i.stack.imgur.com/ysopX.png

編輯：

引擎收錄鏈接，目前的原型（目前未響應 - 通過1920px專爲1080px）：

pastebin.com/GmYh9d9F

來源

2017-09-22 Wneild5

由於我們不提供代碼的所以寫在這裏，你需要提供一個最小的工作代碼段 – LGSon

你需要的是drop-shadow過濾器：

.test { 
 
    width: 0; 
 
    height: 0; 
 
    border-style: solid; 
 
    border-width: 0 100px 100px 100px; 
 
    border-color: transparent transparent #007bff transparent; 
 
    filter: drop-shadow(0 0 4px #555); 
 
}

<div class="test"></div>

來源

2017-09-22 16:06:31

我怎樣才能創建一個三角形的最長邊上的盒子陰影

回答

相關問題