css3
15篇文章 · 0订阅
  • 【建议收藏】css晦涩难懂的点都在这啦
    下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…
    CSS
    【建议收藏】css晦涩难懂的点都在这啦
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 一个简单的loading......页面
    1 .当使用：hover去呈现扩大的样式时，不能改变他的高度，高度是以主轴为基准，向上扩展的，所以会呈现出只向上扩大，解决这个问题，可以使用绝对定位，在改变高度的同时，改变top的位置，使它呈现由中间向两边扩大的样式，或者使用margin，设置为负值，但里边的文字位置也会随之改…
    CSS
    一个简单的loading......页面
  • 能解决 80% 需求的 10个 CSS动画库
    大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 1. Animista 2. Animate CSS 3. Vivify 4. Magic Animations CSS3 5. cssanimation.io 6. Angrytools 7. Hover.c…
    CSS JavaScript
  • 蘑菇街PC首页瀑布流实践
    瀑布流， 又称瀑布流式布局，是比较流行的一种网站页面布局。视觉表现为宽度相等高度不定的元素组成的参差不齐的多栏布局，随着页面向下滚动，新的元素附加到最短的一列而不断向下加载。 ​瀑布流本质上就是寻找各列之中高度最小的一列，并将新的元素添加到该列后面，只要有新的元素需要排列，就…
    Vue.js
  • 浅谈移动端 css 适配解决方案 （附 Vue-cli3 中使用）
    说到移动端布局，大家想到的是什么解决方案呢，百分比？rem？还是 vw/vh， 最近公司的项目牵扯到了，再加上本人之前移动端适配的做的比较少，所以在这里重点记录下这个项目的解决方案，大致参考 大漠老师 的团队的思路。 我们的论点,说的并不是该如何布局,该去采用哪种布局方式，而是…
    Vue.js CSS 前端
  • css3 制作各种形状的图形
    按照规范，css3 中的伪元素的话，应该使用的是双冒号（::）而不是单个冒号（:），但是，由于旧版本的 W3C 规范并未对此进行特别区分，因此目前绝大多数的浏览器都同时支持使用这两种方式来表示伪元素。 要创建一个四分之一的椭圆，其中一个角的水平和垂直值都需要等于100%，而其他…
    CSS
  • 我写CSS的常用套路
    本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…
    CSS
    我写CSS的常用套路
  • 巧用 CSS 实现酷炫的充电动画
    循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…
    CSS 前端
    巧用 CSS 实现酷炫的充电动画