边框阴影并减小cytoscape中父元素css的大小
学习AspNet
我有以下图像：
我试图将边框阴影添加到矩形形状。这可能在cytoscape中吗？同样，父元素是客户和订单。我可以缩小客户规模并订购父元素吗？
这是代码和工作示例的链接：https : //stackblitz.com/edit/angular-kpnys1?file=src%2Fapp%2Fdemo_test.json
斯蒂芬·T
减小父级大小：
这是一个样式问题，cytoscape.js将填充应用于父元素，如果您希望父元素尽可能小，则必须以：parent样式调整填充：
{
selector: ":parent",
css: {
...
"padding": "0px" \\ remove padding completely, parent almost touching inner nodes
}
},
边框阴影
这有点棘手，cytoscape.js仅提供正常的边框（例如“ border”：“ 1px纯黑色”）。您可以使用以下样式：
- border-width：节点边框的大小。
- border-style：节点边框的样式；可以是实线，点线，虚线或双线。
- border-color：节点边框的颜色。
- border-opacity：节点边界的不透明度。
这些都不能使我们能够应用单面边框。作为替代，我使用了幽灵样式：
- ghost：是否使用重影效果；可能是是或否。
- ghost-offset-x：用于定位重影效果的水平偏移。
- ghost-offset-y：用于定位重影效果的垂直偏移。
- ghost-opacity：幻影效果的不透明度。
如果稍微调整一下，可以使用x偏移和一个不错的不透明度值来获得此框阴影：
ghost: "yes",
"ghost-opacity": 0.5,
"ghost-offset-x": 1
这是一个同时应用了两个更改的可堆叠工作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
边框阴影并减小cytoscape中父元素css的大小
- 2
边框阴影并减小cytoscape中父元素css的大小
- 3
CSS：减小悬停时的元素大小，但保留原始的“悬停区域”
- 4
CSS中的父元素
- 5
CSS-从子元素到父元素的边框
- 6
如何在CSS3中创建阴影边框？
- 7
如何使用Twitter Bootstrap减小CSS中的div大小？
- 8
在WPF中重现CSS kbd样式？（框阴影，边框半径，文本阴影）
- 9
CSS使用em单元。div父元素中图像大小的一半
- 10
当父元素具有边框时，从：before伪元素中删除底部边框
- 11
CSS：将子元素放置在父元素的插入框阴影下方？
- 12
用jQuery减小每个元素的大小
- 13
如何将HTML父元素的边框适合CSS转换后的子元素？
- 14
CSS3中p元素上的双重文本阴影
- 15
边框顶部的阴影和三角形在css中向下
- 16
如何在 css 中制作顶部和底部颜色不同，底部有阴影的边框？
- 17
边框阴影
- 18
如何在Visio中减小形状的大小？
- 19
如何减小LVM中的卷组大小？
- 20
如何减小 mdbootstrap 中按钮的大小？
- 21
CSS不在父元素中时隐藏元素
- 22
旋转父悬停时的跨度元素边框
- 23
如何使元素在父<div>边框下消失
- 24
扩展CSS中的边框，而不会压低其他元素
- 25
iframe打破父元素大小
- 26
带边框伪元素的CSS边框
- 27
子元素边框位于父边框上方
- 28
CSS溢出：自动隐藏超出父元素大小的绝对定位的子元素
- 29
阴影根中的参考元素
我来说两句