CSS
17篇文章 · 0订阅
  • 面试官：讲讲flex:1 和 flex:auto 有什么区别？
    讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。
    前端 面试 CSS
    面试官：讲讲flex:1 和 flex:auto 有什么区别？
  • css动画资料卡片
    动画资料卡片是一种常见的网页元素，可以用于展示各种不同的信息，例如人物介绍、产品特点、事件概览等。本文将结合相应的HTML和CSS代码，创建一个具有交互性和动画效果的动画资料卡片。
    前端 CSS
    css动画资料卡片
  • CSS 动画学习
    温习一下 CSS 动画 过渡 transition 是指从一种状态到另一种状态（A 到 B）的变化，通常是由某种“动作”触发，比如鼠标悬停，或者用 JavaScript 添加或删除样式类。
    前端 CSS 设计
    CSS 动画学习
  • 基于css3写出的底部导航栏效果（详细注释）
    基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释
    CSS JavaScript
    基于css3写出的底部导航栏效果（详细注释）
  • 滚动视差！马萨卡？！！！
    滚动视差 滚动视差效果（Parallax Scrolling）是指让多层背景以不同的速度位移，形成立体的运动效果的视觉体验，在前端强交互的时代，更应该多考虑这种用户体验较好的动效～ 实现方案 JS监听
    前端 CSS 设计
    滚动视差！马萨卡？！！！
  • 纯CSS实现魔法渐变边框卡片
    本文解析了通过纯 CSS 实现这个很炫酷的卡片效果，卡片的边框呈渐变色不断变化，极大的提升了用户的交互体验。
    前端 CSS 动效
    纯CSS实现魔法渐变边框卡片
  • flex的5种常见使用
    Flex 布局教程：语法篇 其实我每次记一个样式标签,都是根据英文来记,但是justify-content和align-items确实让我迷惑,这次我打算只记justify-content属性定义了项
    前端 flexbox
  • 神奇的 CSS，让文字智能适配背景颜色
    最近几天，有好几个同学都问了同样一个问题。 页面上有一段文本，能否实现这段文本在不同背景色下展示不同的颜色？也就是俗称的智能变色。像是下面这样： 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看
    前端 JavaScript CSS
    神奇的 CSS，让文字智能适配背景颜色
  • ⏰⏰ 手把手实现一个进度条时钟，麻麻再也不用担心我把时间看茬了！
    挂钟大家都知道吧，它通过时针、分针和秒针来表示时间，想当初小学刚开始教怎么看时钟的完全看不懂。今天带大家一步步实现一个类进度条时钟的效果，更直观的知晓当前的时间。
    前端 JavaScript 掘金·日新计划
    ⏰⏰ 手把手实现一个进度条时钟，麻麻再也不用担心我把时间看茬了！
  • 个人总结（css3新特性）
    css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…
    CSS