boxshadow 第3页

小程序海报生成神器之一lime-painter配合uniapp简单使用示例

组件介绍lime-painter是一个运行在uniapp上优雅的海报生成插件，支持JSON方式和template方式生成海报资源...

让CSS3更好玩儿，CSS3 box-shadow阴影学习

祝您2019猪事顺利，心想事成。前言前面两篇文章都有提到过box-shadow，里面也有很多的基础知识，有看过的小伙伴应该都有或多或少的收获吧，今天我们再从基础入手，希望能让大家更熟悉它。没有看过之前文章的小伙伴请点击：...

如何实现一个超丝滑的勾选框组件?

前言Zag和PandaCSS都是出自chakra团队之手，Zag聚焦于处理组件的逻辑，而PandaCSS聚焦于通过ts来维护样式，将两者进行搭配会有怎么样的使用体验呢？这篇文章将继续以vuesax中checkbox组件的样式作为参考，结合Zag和PandaCSS进...

前端大神用 React 刻了一个 Windows XP

出处|前端之巅近日，一前端大神sh1zuku用React刻出一個WindowsXP，页面中的两个WindowsXP窗口可以自由拖曳，而且作者还制作了一个踩地雷的游戏，可以直接上手玩。作者也将这些实现的过程在medium上记录了下来，以下全文就是InfoQ对其内容的整理。...

就看你们会不会box-shadow 你就会看到简谱

css3晓得不，学H5的怎么能不知道css3里的box-shadow呢？当然属性何其多，就看你6不6。几年前很火的那个人物悬空的照片还记得不就是这种，他的原理就是脚旁边弄一滩水渍造成阴影，同理啊比如让图片浮起来有立体效果box-shadow一步搞定！好，那就来说说他到底该怎么写box-shadow...

CSS3 box-shadow 元素边框制造阴影

box-shadow:h-offsetv-offsetblur-radiusspread-radiuscolorinset;对象选择器{box-shadow:X轴偏移量Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色[投影方式]}1.h-offset：必需。水平阴影的位置。允许负...

CSS3中神奇的box-shadow属性，助你制作几个复杂的图案

前言在之前的文章中有讲解过，如何通过CSS代码实现类似于杯子和心形的图案，今天这篇文章我们继续来看看两个复杂的图案。文章中的代码已经放到github上了，感兴趣的同学可以自取。https://github.com/zhouxiongking/article-pages/blob/master/art...

CSS3动画实战:box-shadow的多种应用

很多时候，说起来box-shadow，那很多人第一个想法就是，那不就是做阴影的吗？其实除了做阴影，还有很多很实用的效果的，今天我们就来说说box-shadow的各种应用吧！认识box-shadow的属性首先，要想很好的运用box-shadow，那就要先很好的认识理解box-shadow的各种属性，我...

box-shadow属性 box-shadow属性的必备元素

box-shadow属性有点类似于text-shadow属性,只不过不同的是text-shadow属性是对象的文本设置阴影,而box-shadow属性是给对象实现图层阴影效果。...