摘要: CSS实现大数据热点波纹图 实现效果: 涉及知识点: 定位 盒子阴影 动画 思想:以3道波纹为例。首先使用一个div盒子作为圆心,然后每道波纹作为一个div。4个盒子均使用定位属性定位到圆心。然后设置宽高为正方形,并设置border-radius。波纹的显示使用box-shadow阴影实现。动画制作 阅读全文
posted @ 2020-08-22 18:21 JonnyJiang-zh 阅读(341) 评论(0) 推荐(0) 编辑
摘要: float 与 绝对定位 共同点:都脱离文档流,不占用原来的位置,后面的内容占有位置 不同点: float后者居上,补齐,且只能在父级盒子内活动,且不能浮动在照片上。 绝对定位脱离文档流后,直接漂浮到已经定位的父级上去,可以直接脱离未定位的父级盒子。 浮动会受父级的padding值影响,且,不能实现 阅读全文
posted @ 2020-08-22 16:14 JonnyJiang-zh 阅读(248) 评论(0) 推荐(0) 编辑