Aar*_*ron 11 html javascript css overflow css3
我正在研究一个小项目,我正在尝试创建一个代表加色的维恩图.我开始使用三个圆圈(border-radius:50%;)并使用静态位置元素和隐藏溢出的组合来创建圆形重叠的一些更复杂的形状.你可以看到我现在拥有的东西:
我想补充的一个功能是在当前正被覆盖的形状周围添加彩色盒子阴影.我面临的独特挑战是通过嵌入具有隐藏溢出的元素来呈现,并且需要创建"仿边缘",沿着该边缘渲染图的每个部分的框阴影.我已经考虑过简单地删除这种方法并通过SVG创建形状的选项,但我很想知道你们是否有任何聪明的想法,只使用传统的HTML和CSS3将这种交互构建成更复杂的形状.
提前致谢!
如何使用 CSS 的 :after 在其他圆圈后面生成新圆圈并使用渐变为透明的径向渐变背景？
我已经在此处的红色和蓝色圆圈上完成了 Webkit 的快速、基本实现。请注意 :hover:after 样式定义。 http://jsfiddle.net/stevelove/2hpwp/
| 归档时间： |
|
| 查看次数： |
526 次 |
| 最近记录： |