@box-shadow / 博客 RSS 訂閱

Oct 28 2022

jsoncode - 純css實現一個帶箭頭陰影的手風琴動效

效果如圖： 可以移入展開。 特徵： 1，帶有箭頭 2，箭頭處帶有陰影 3，有交互操作 箭頭，可以用border來實現： width: 0; height: 0; border: 190px solid transparent; border-left: 60px solid transparent; 引用可用box-shadow實現，但是如果是貼合非規則圖形的陰影

css3 , css技巧 , filter , vue3 , box-shadow

收藏 評論

Nov 15 2025

mob64ca14085c24 - javafx css內陰影innershadow

css中可以寫陰影的屬性有：字體陰影(text-shadow)、盒陰影(box-shadow)、陰影(filter:drop-shaddow)。接下來帶大家一起來學習這些屬性的用法和要點。 盒子陰影(box-shadow) 語法：box-shadow: 水平偏移(px),垂直偏移(px),陰影模糊度(px),陰影大小(px),陰影顏色值,內陰影（inset）;

網頁製作 , 後端開發 , box-shadow , JAVA , Css , 陰影 , 前端

收藏 評論