boxshadow

boxshadow精品文章

• 

  border、outline、boxshadow那些事以及如何做内凹圆

  border 边框是我们美化网页、增强样式最常用的手段之一。例如： .text { width: 254px; height: 254px; background-color: #33AAE1; border: 10px solid #03D766; } 但有些时候，我们的需求是给一个容器加上多重边框，最容易想到的是...

  CocoaChina 2019-08-02 15:54 评论0 收藏0
• 

  border、outline、boxshadow那些事以及如何做内凹圆

  border 边框是我们美化网页、增强样式最常用的手段之一。例如： .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实现的react拖拽排序组件

  ... ee.target.style.border = 2px dashed #008dff; ee.target.style.boxShadow = 0 0 8px rgba(30, 144, 255, 0.8); } // a拖到b，离开b的时候触发 dragleave(ee) { ee.target.style.border =...

  sevi_stuo 2019-08-23 10:58 评论0 收藏0
• 

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

  ... child: new Text( ... ), decoration: new BoxDecoration( boxShadow: [ // 对应左边的 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: [ // 对应左边的 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: [ // 对应左边的 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 设置box-shadow的第二个参数为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 设置box-shadow的第二个参数为0.5px，表示阴影垂直方向的偏移为0.5px，效果如下： ...

  G9YH 2019-08-30 14:16 评论0 收藏0
• 

  使用box-shadow进行画图(性能优化终结者)

  ...，直接遍历拼接字符串就可以生成我们想要的结果： let boxShadow = results.map(item => `${item.x}px ${item.y}px rgba(${item.r}, ${item.g}, ${item.b}, ${item.a})` ).join(,) 效果图： 虽说这样就做出来了，但是对浏览器来说太不友好了。因为是每一个...

  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 // 监听点击事件 div.addEventListener(click, () => { bus.$emit...

  willin 2019-08-23 17:54 评论0 收藏0