CSS - 和谐牌酱油的收藏集 - 掘金

CSS

和谐牌酱油

更多收藏集

31篇文章 · 0订阅

5年前

CSS动画：animation、transition、transform、translate傻傻分不清

在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。什么叫过渡？字面意思上来讲，就是元素从这个属性(color…

3.8w
760
37

5年前

Web自适应布局你需要知道的所有事儿

有这样一个问题。别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…

2.2w
918
35

Web自适应布局你需要知道的所有事儿

4年前

web移动端布局的那些事儿

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill 其实是 viewport-units-buggyfill 的简化版。简单介绍下 viewport-un…

1.5w
699
27

4年前

CSS 常用技巧

相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一篇关于css的文章，感觉这里边一些常用的css代码片段对大家很有…

3.0w
791
28

5年前

前端面试之 CSS3 新特性

除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。

1.4w
342
5

4年前

利用CSS改变图片颜色的100种方法！

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

2.6w
440
23

利用CSS改变图片颜色的100种方法！

4年前

滚动视差？CSS 不在话下

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为网页设计的热点趋势，越来越多的网站应用了这项技术。通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

2.3w
1371
48

5年前

愈发熟练的 CSS 技巧

rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位；simple-flexible是根据手淘团队lib-flexible

1.3w
763
23

5年前

CSS3 制作图形大全

纯 CSS3 制作各种各样的图形

1714
165
1

4年前

CSS世界中那些说起来很冷的知识

使用CSS让元素不可见的方法很多，剪裁、定位到屏幕外、透明度变化等都是可以的。虽然它们都是肉眼看不见，但背后却在多个维度上都有差别在Chrome和Safari浏览器，则根据父元素是否是否为none来影响图片加载情况，父元素带有display:none，图片不加载。 2. 与c…

2.0w
697
24

CSS世界中那些说起来很冷的知识