51工具盒子
CSS background背景图标的变色技巧
<br /> <p><img src="http://static.51tbox.com/static/2024-12-11/col/9f47f02afd0521959151ff480992542d/eaea8ce2eb834760a6ebedee4ec54a55.jpg.jpg" alt="封面图" /&g...
CSS3
什么？CSS还自带变量功能？
以往，要在CSS中使用"改一点点，全局生效"的变量功能，要么用SCSS、LESS，要么写个脚本生成文件。但实际上，新一点的CSS标准已经自带变量功能。 ### 先看看其它的实现方式 #### LESS @main-color: #525f7f; `span { color: @main-color; }` <br...
css+svg 制作一个波纹动态特效
<p>一般都加载页面底部或者banner图的底部，增加页面的视觉效果，非常好看</p> <h2>1.效果展示</h2> <p><img src="http://static.51tbox.com/static/2024-12-06/col/ac2d24671cffc2ebea432171d0380f32...
简单易用的css动画库 Animate.css
1. Animate.css 是什么？ ------------------- Animate.css 是一个跨浏览器的 CSS 动画库，提供了许多预设的、流畅的动画效果。用户只需添加几个 CSS 类名，就可以轻松实现复杂的动画效果，无需编写任何 JavaScript 代码。 2. 为什么使用 Animate.css？ --------------------- * **...
CSS 布局属性Display和Position介绍
CSS 布局属性Display和Position介绍 {#css-%E5%B8%83%E5%B1%80%E5%B1%9E%E6%80%A7display%E5%92%8Cposition%E4%BB%8B%E7%BB%8D} -----------------------------------------------------------------------------...
Css选择器简介
CSS 选择器简介 {#css-%E9%80%89%E6%8B%A9%E5%99%A8%E7%AE%80%E4%BB%8B} -------------------------------------------------------------- ### 1. CSS 简介 {#1.-css-%E7%AE%80%E4%BB%8B} CSS，全称"层叠样式表&q...
css 实现自动添加‘...’省略号，支持多行和单行显示，需要支持webkit的属性可用
省略号的单行和多行显示，此方法需要支持webkit属性 ```css span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /*修改此处为1,可实现单行显示省...
css定义变量
> 仁义忠信,乐善不倦,此天爵也 。一一《孟子》 写法如下 |---------------------------------------------------------------------------------------------------|------------------------------------------------------...
css超出省略号
> 攀登科学高峰，就像登山运动员攀登珠穆朗玛峰一样，要克服无数艰难险阻，懦夫和懒汉是不可能享受到胜利的喜悦和幸福的。------陈景润 注意使用的时候要指定宽度`width` |---------------------------------------------|--------------------------------------------------...
css中的&
> 要在座的人都停止了说话的时候，有了机会，方才可以谦逊地把问题提出，向人学习。------ 约翰·洛克 今天看到一种`css`写法： |---------------------------|----------------------------------------------------------------------------------------...
