CSS
17篇文章 · 0订阅
  • 你可能不知道的 transition 技巧与细节
    CSS 中，transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法，也就是给元素添加一个 transition，让其某个属性从状态 A 变化到状态 B 时，不再是非常直接突兀，而是带有一个补间动画。 当然，除了上述基本的用法，其实 CSS t…
    前端 CSS
    你可能不知道的 transition 技巧与细节
  • 【建议收藏】css晦涩难懂的点都在这啦
    下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…
    CSS
    【建议收藏】css晦涩难懂的点都在这啦
  • z-index详解
    z-index 属性设置元素的堆叠顺序，也就是在元素Z轴上的层级。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。但是注意的是该属性只有在设置了positon定位之后才会生效。 同级下，z-index的值越大，堆叠顺序越靠前，相同的z-index值的时候，后面的会在前…
    CSS
  • 超详|2020年你不应该错过的CSS新特性
    @argyleink在第四次的伦敦（LondonCSS 2020）CSS活动中分享了一个有关于CSS特性相关的话题。看了一下这个主题的PPT，里面有些新东西还是蛮有意思的。基于该PPT，我稍微整理近24个CSS方面的新特性，感兴趣的同学可以继续往下阅读。 接下来的内容我将分为：…
    CSS
    超详|2020年你不应该错过的CSS新特性
  • 我写CSS的常用套路·续
    前言前篇传送门：猛戳这里其实大多数的技巧前篇都已经讲完了，本文算是具有补充性质的番外篇吧0.03D方块如何在CSS中创建立体的方块呢？用以下的SCSSmixin即可方块的长度、高度、深度都可以通过CS
    CSS
    我写CSS的常用套路·续
  • 那些你总是记不住但又总是要用的css
    有没有经常遇到一些样式每次写都要用百度呢？我收集了一些我平时经常要用到的但又总是记不住的样式。有错误的地方欢迎指正。转载请注明出处。一、设置input的placeholder的字体样式设置input聚
    CSS
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 教你使用CSS3实现新拟态UI
    新拟态的英文名称是“Neumorphism”，是New+Skeuomorphism的组合词，同时也叫“Soft UI”。简单讲，新拟态是一种图形样式，其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年，新拟态的UI设计风靡一时，它被誉为2020年最火的UI设计…
    CSS
    教你使用CSS3实现新拟态UI
  • 『真香警告』这33个超级好用的CSS选择器，你可能见都没见过。
    CSS 选择器是 CSS 世界中非常重要的一环。 在 CSS 2 之后，所有的 CSS 属性都是按模块去维护的。 CSS 选择器也是如此，然而如今也已经发布了第四版 —— CSS Selectors Level 4 ，这一版最早的草案发布于2011年09月29日，最后更新是20…
    CSS HTML
    『真香警告』这33个超级好用的CSS选择器，你可能见都没见过。
  • 十大酷炫屌的图像悬停特效
    本文阿宝哥将给大家介绍十个 「“酷炫屌"」 的图像悬停效果，希望阿宝哥精心录制的十个 Gif 动画能让大家眼前一亮，当然更希望这些特效能给大家设计图片悬停效果带来一些 「”灵感“」。 在日常工作中，如果小伙伴们也想实现图片悬停特效，阿宝哥推荐一个 Github 上的一个可扩展的…
    前端 动效
    十大酷炫屌的图像悬停特效