SlivenRed

css背景介绍CSS(Cascading Style Sheets), 前端DSL语言，是当下多元化时代的必不可缺的产物，早在CSS未出现之前，只有html元素标签，每个html元素都会有自己独立的样

一. 实现图片的等比缩放 object-fit属性你了解多少呢？下面听我详细介绍下。 根据MDN（object-fill）的介绍， 「object-fit」 CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 也就是说盒子固定宽高， 图片在这个盒子里面会…

前言： 让“盒子”居中，在实际工作中可以说是随时都会用到。 方法很多，我们在都理解的基础上用起来才能有的放矢、得心应手。 打开一个页面出现一个弹出框，那这个弹出框在页面垂直居中。这个弹出框可能下边还有东西，那这个弹出框很明显就是绝对定位了。因为，如果他不是绝对定位，他怎么去覆盖…

我们可以在 <img> 元素上使用常规的排版相关样式。 这些样式会被应用到替换文本上（即 alt 属性值），如果图片正常显示了，这些样式也不会影响图片的渲染。 <img> 元素是替换元素。 这就表示“该类元素的外观和尺寸是受到外部资源控制的”（Sitepoint）。因为元素是受…

在忙碌的现代社会里，我们相信一个任务接着一个任务不断的完成、能同时管理多个不同缓急程度的任务，可以表现出自己是个多产的人。 实际上，由于对忙碌的狂热崇拜，我们中的大多数人会感到不知所措，过度劳累，并且感觉还是落后于自己制定的紧凑时刻表。 你和其他许多雄心勃勃的人一样，想通过一些…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 1. Animista 2. Animate CSS 3. Vivify 4. Magic Animations CSS3 5. cssanimation.io 6. Angrytools 7. Hover.c…

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…