原文地址:https://www.jianshu.com/p/55e0fca23b4f以下是骚年你的屏幕适配方式该升级了!系列文章，欢迎转发以及分享:骚年你的屏幕适配方式该升级了!（一）-今日头条适配

我们一个一个简单了解下。 CSS3 动画的 animation-timing-function 属性值除了支持 cubic-bezier() 功能符，还支持 steps() 功能符，可以实现很多小而美的逐帧动画效果。例如 twitter 的 Like 的效果： 把所有序列帧图片…

你以为这些是经过PS软件处理出来的？不不不，纯粹的是用css写出来的，很神奇把。 CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDN CSS标准里包含了一些已实现预定义效果的函数。 调整图像的对比度。 给图像…

CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。 有个错误有必要每次讲到伪类都提一下，有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求，目的是为了区分伪类和伪元素，大多数浏览器都支持下面这两种表示方式。…

这是一个纯粹利用CSS所做出来的效果，这个效果说穿了就是一个图像处理的原理，做法跟Photoshop里头的几乎一模一样，只是一个用图层和色版来制作，一个则是用CSS（把div当成图层思考就好了）。 一开始我们来玩Photoshop，会比直接写CSS来得容易理解（没有Photos…

1. 什么是主题样式？ 相信大家对网页的主题样式功能肯定不陌生。对于一些站点，在基础样式上，开发者还会为用户提供多种主题样式以供选择。 下面就是一个主题样式功能：用户可以在右侧选择自己喜欢的主题色，从而得到一个“个性”的页面。 还有时候，我们开发了一个系统用来售卖，采购我们系统…

基于vue的，需要你对 vue 的 transition 和 transition-group有过使用和了解。 vue的文档对 transtion 组件已经有了很详细的 分析 了。 transtion 是vue提供的一个抽象组件，会在 合适的时机 帮我们操作其包裹的子元素。 r…

如果「一图胜千言」，那多图混合创造的效果要超过千言万语。同理，CSS 的混合模式为设计带来的可能性远远超出了你的想象。 你所听到的 CSS 混合模式，就是三个被现代浏览器所广泛支持的 CSS 属性。这三个属性包含了： 不过，本文主要聚焦在 background-blend-mo…

原文地址:https://juejin.im/post/6844903697000972295以下是骚年你的屏幕适配方式该升级了!系列文章，欢迎转发以及分享:骚年你的屏幕适配方式该升级了!（一）-今日