![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css+html基础
迁于乔木
一年的java开发经验,之后转战前端领域,主要专注于移动混合开发,有vue+node+mongo实战经验!
展开
-
图片随着鼠标的移动而扭动的动画,鼠标引力
最近做网站研究了一个动画效果,背景为星空旋转的动画,圈圈随着鼠标滑动而扭动 代码链接https://github.com/wyllaz/parallax-demo.git原创 2020-09-10 16:37:19 · 266 阅读 · 0 评论 -
inline-block 间隙问题
解决因为inline-block产生的间隙,有两种方法1、去掉因代码换行产生的空格2、设置字体font-size:0(这种方法是推荐的放大)注意的是字元素要重新设置字体的大小...原创 2018-04-18 17:07:08 · 132 阅读 · 0 评论 -
关于清除float浮动的问题
如果想让文字在浮动的下面另起一行显示,就要在本标签用clear:both;清除浮动例如<div style="float:left">我是左浮动</div><div style="clear:both;margin-top:20px">我要清除浮动</div>如果此处没有clear:both清除浮动,则margin-top:20px没有效果...原创 2018-04-18 17:47:29 · 153 阅读 · 0 评论 -
通过设置伪元素解除使用float产生的父元素的塌陷问题
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=&转载 2018-04-18 17:56:28 · 230 阅读 · 0 评论 -
关于使用flexbox 的例子
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=&转载 2018-04-26 15:50:37 · 218 阅读 · 0 评论 -
grids布局示例
<div class="grid"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> &转载 2018-04-26 16:05:41 · 222 阅读 · 0 评论 -
css 动画 transition 和 animation
css动画分两种1.补间动画 用 transition 结合transform使用transition:transition-property 属性transition-duration 持续时间transition-timing-function 动效 默认值easetransition-delay 延迟时间例如:transition:all 2s;二维变换@1. transla...原创 2018-04-27 16:48:36 · 141 阅读 · 0 评论