浩星

使用伪类元素 ::before，::after 来实现 小圆点效果。

用 vue+animation 来实现一个展开与关闭的效果。

前言： css3里面是有动画的属性的，里面有个旋转，那么旋转怎么来根据元素的不同点来旋转呢？这里分享下方法。实现源码：1、旋转的代码：transform:rotate(7deg);旋转的兼容性写法：-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg); /* Safari 和 Chrome */...

前言： css3中有一个很有趣的属性position:sticky，粘性属性，效果是一个吸顶效果，可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。***注意，这个兼容性特别不好效果图：基本用法：nav{ position:st...

前言： 使用伪元素来实现心效果，动画来实现跳动.效果图：实现代码：1、template或者html定义一个容器 <div class="heart fr"></div>2、css里面加样式/*心跳动*/ .heart { top: -4px; right: 14px; position:relative; width: 10px; height: 10px; margin: 10px a...

前言： 我们设置显示省略号的时候会用到一个css属性：white-spacewhite-space:normal 默认值，空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 in...

前言： css实现文字环绕图片的效果。实现效果：实现代码（通过图片属性 align）：<div style="width:400px;"> <img src="//d303.paixin.com/thumbs/3548553/231637502/staff_1024.jpg?imageView2/2/format/webp" align="right"> HTML文字环绕图片布局HTML文字环绕图片布局HTML文字环绕图片布局HTML文...

什么是sassSass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好， 同时也让你能够快速开始小型项目， 特别是在搭配 Compass 样式库一同使用时【特点】完全兼容 CSS3 在 CSS 语言的基础上增加变量(variables)、嵌套 (nesting)、混合 (mixins) 等功能 通过函数进行颜色值与属性值的运算 提供控制指令等高级功能