
css
IChenSY
努力工作的小前端
展开
-
input自定义图标及其选中图标
input自定义样式原创 2023-02-09 14:14:30 · 625 阅读 · 0 评论 -
svg动画线条
直线线条动画svg #path { stroke-dashoffset: 1000; animation: dash 4s linear forwards;}@keyframes dash { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; }}虚线线条动画curPath.setAttribute('stroke', '#379FFE')curPath.setAttribute原创 2022-03-17 18:43:16 · 593 阅读 · 0 评论 -
滚动条样式
滚动条属性:::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-button 滚动条两端按钮::-webkit-scrollbar-track 滚动条外层轨道::-webkit-scrollbar-track-piece 滚动条内层滚动槽::-webkit-scrollbar-thumb 滚动条滑块::-webkit-scrollbar-corner 滚动条边角::-webkit-resizer 滚动条轨道右下角拖动块自定义滚动条样式://原创 2022-03-16 10:36:44 · 152 阅读 · 0 评论 -
使用css animation动画做边框闪动效果
使用css animation动画做闪动效果在拖拽div节点时,给div节点添加diagramTop-item-click样式,使用css animation动画0.5秒执行一次。css样式.diagramTop-item { width: 102px; height: 32px; background-color: #0e141f; border: 1px solid #090d14; box-shadow: 0px 1px 0px 0px rgba(9, 1原创 2022-03-15 12:03:07 · 3422 阅读 · 0 评论