boxshadow精品文章

• 

  border、outline、boxshadow那些事以及如何做內(nèi)凹圓

  border 邊框是我們美化網(wǎng)頁、增強(qiáng)樣式最常用的手段之一。例如： .text { width: 254px; height: 254px; background-color: #33AAE1; border: 10px solid #03D766; } 但有些時候，我們的需求是給一個容器加上多重邊框，最容易想到的是...

  CocoaChina 2019-08-02 15:54 評論0 收藏0
• 

  border、outline、boxshadow那些事以及如何做內(nèi)凹圓

  border 邊框是我們美化網(wǎng)頁、增強(qiáng)樣式最常用的手段之一。例如： .text { width: 254px; height: 254px; background-color: #33AAE1; border: 10px solid #03D766; } 但有些時候，我們的需求是給一個容器加上多重邊框，最容易想到的是...

  libin19890520 2019-08-30 13:03 評論0 收藏0
• 

  3D 視差效果

  ...perspective(300px) rotateY(${X / 10}deg) rotateX(${Y / 10}deg)` el.style.boxShadow = `${-X / 20}px ${Y / 20}px 50px rgba(0, 0, 0, 0.3)` }) el.addEventListener(mouseleave, () => { el.style.tra...

  DobbyKim 2019-08-21 11:20 評論0 收藏0
• 

  基于H5實(shí)現(xiàn)的react拖拽排序組件

  ... ee.target.style.border = 2px dashed #008dff; ee.target.style.boxShadow = 0 0 8px rgba(30, 144, 255, 0.8); } // a拖到b，離開b的時候觸發(fā) dragleave(ee) { ee.target.style.border =...

  sevi_stuo 2019-08-23 10:58 評論0 收藏0
• 

  用前端 最舒服的躺姿 "搞定" Flutter （組件篇）

  ... child: new Text( ... ), decoration: new BoxDecoration( boxShadow: [ // 對應(yīng)左邊的 box-shadow new BoxShadow ( color: const Color(0xcc000000), offset...

  LMou 2019-08-30 15:55 評論0 收藏0
• 

  用前端 最舒服的躺姿 "搞定" Flutter （組件篇）

  ... child: new Text( ... ), decoration: new BoxDecoration( boxShadow: [ // 對應(yīng)左邊的 box-shadow new BoxShadow ( color: const Color(0xcc000000), offset...

  Donne 2019-08-23 14:49 評論0 收藏0
• 

  用前端 最舒服的躺姿 "搞定" Flutter （組件篇）

  ... child: new Text( ... ), decoration: new BoxDecoration( boxShadow: [ // 對應(yīng)左邊的 box-shadow new BoxShadow ( color: const Color(0xcc000000), offset...

  張遷 2019-08-02 14:07 評論0 收藏0
• 

  怎么畫一條0.5px的邊

  ... 還有另外一種方法，使用box-shadow，如下代碼所示： .hr.boxshadow?{ ??height:?1px; ??background:?none; ??box-shadow:?0?0.5px?0?#000; } box-shadow: 0 0.5px 0 #000 設(shè)置box-shadow的第二個參數(shù)為0.5px，表示陰影垂直方向的偏移為0.5px，效果如下： ...

  dack 2019-08-02 16:01 評論0 收藏0
• 

  怎么畫一條0.5px的邊

  ... 還有另外一種方法，使用box-shadow，如下代碼所示： .hr.boxshadow?{ ??height:?1px; ??background:?none; ??box-shadow:?0?0.5px?0?#000; } box-shadow: 0 0.5px 0 #000 設(shè)置box-shadow的第二個參數(shù)為0.5px，表示陰影垂直方向的偏移為0.5px，效果如下： ...

  G9YH 2019-08-30 14:16 評論0 收藏0
• 

  使用box-shadow進(jìn)行畫圖(性能優(yōu)化終結(jié)者)

  ...，直接遍歷拼接字符串就可以生成我們想要的結(jié)果： let boxShadow = results.map(item => `${item.x}px ${item.y}px rgba(${item.r}, ${item.g}, ${item.b}, ${item.a})` ).join(,) 效果圖： 雖說這樣就做出來了，但是對瀏覽器來說太不友好了。因?yàn)槭敲恳粋€...

  snifes 2019-08-22 17:22 評論0 收藏0
• 

  寫了一個拖動排序插件

  ... var drag = new Drag(.item-group, { supernatant: { boxShadow : 0 4px 10px #DEDADA, background : #fff, opacity: 0.8 }, select: { ...

  wangbinke 2019-08-22 16:13 評論0 收藏0
• 

  百度地圖自定義控件

  ...lor = rgb(255, 255, 255) div.style.padding = 3px 6px div.style.boxShadow = 2px 2px 3px rgba(0, 0, 0, 0.35) // div.s // 監(jiān)聽點(diǎn)擊事件 div.addEventListener(click, () => { bus.$emit...

  willin 2019-08-23 17:54 評論0 收藏0