摘要：
参考: stackoverflow – Is there a CSS-only (pure CSS) workaround to apply fade-in and fade-out on objects with display:none? 思路和难点 最简单的思路就是 opacity 0 到 1 阅读全文
posted @ 2022-03-02 17:32
兴杰
阅读(94)
评论(0)
推荐(0)
摘要：
参考: Youtube – CSS Variables - CSS vs Sass - variables inside media queries Why we prefer CSS Custom Properties to SASS variables 与 Sass Variables 的区别 阅读全文
posted @ 2022-02-27 16:37
兴杰
阅读(203)
评论(0)
推荐(0)
摘要：
效果 效果来自: webflow 的一个模板 需求解释 有 3 给元素, 图片, overlay(黑影), link mouse enter 的时候, 图片要 zoom in. overlay 要 fade in. link 要 slide up mouse leave 的时候, 图片 zoom o 阅读全文
posted @ 2022-02-26 20:45
兴杰
阅读(128)
评论(0)
推荐(0)
摘要：
前言 之前写的 W3Schools 学习笔记 (3) – CSS 2D Transforms. 这篇作为整理. 参考: Youtube – Learn CSS Transform In 15 Minutes Demo Structure <div class="frame"></div> <div 阅读全文
posted @ 2022-02-26 17:14
兴杰
阅读(187)
评论(0)
推荐(0)
摘要：
前言 之前写过一些: W3Schools 学习笔记 (2) – CSS Image Sprites W3Schools 学习笔记 (3) – CSS Styling Images & CSS Multiple Backgrounds 这篇作为整理. Styling img default behav 阅读全文
posted @ 2022-02-25 12:56
兴杰
阅读(246)
评论(0)
推荐(0)
摘要：
前言 之前的文章 CSS – W3Schools 学习笔记 (3), 这篇独立出来写, 作为整理. 参考: Youtube – Advanced CSS Border-Radius Tutorial W3C – Rounded Corners 正文 以长方形作为例子比较容易理解. normal us 阅读全文
posted @ 2022-02-24 21:58
兴杰
阅读(269)
评论(0)
推荐(0)
摘要：
参考: Youtube – Chrome 88 adds aspect-ratio and 2 awesome new devtool features! MDN – aspect-ratio W3Schools – How TO - Aspect Ratio W3C – Aspect Ratios 阅读全文
posted @ 2022-02-23 15:28
兴杰
阅读(833)
评论(0)
推荐(0)
摘要：
参考: 掘金 – 如何更愉快地使用em —— 别说你懂CSS相对单位 绝对值 vs 相对值 px, cm, mm 这些是绝对值. rem, em 是相对值. 绝对值就是最终的尺寸. 相对值的意思是它不是最终值, 它依赖另一个变量去决定最终值. 比如 font-size: 16px 那么最终值就是 1 阅读全文
posted @ 2022-02-23 14:14
兴杰
阅读(316)
评论(0)
推荐(0)
摘要：
什么是 vw, vh? vh 的 v 指的是 viewport, h 就是 height. 它是 CSS 值的单位就像 px, %. .container { height: 30vh; background-color: red; } 那么 30vh 是多高呢? 30% of viewport h 阅读全文
posted @ 2022-02-23 12:27
兴杰
阅读(402)
评论(0)
推荐(0)
摘要：
前言 许多 element tag 都有自带的 style. 比如 h1 默认 font-size 是 2 em anchor 默认颜色是 blue 大部分默认 style 并不会是开发人员期望的效果. 所以就有了 reset css 的概念. 而开发人员期望的效果就诞生了 base css. 简单 阅读全文
posted @ 2022-02-22 19:37
兴杰
阅读(193)
评论(0)
推荐(0)
浙公网安备 33010602011771号