css
6篇文章 · 0订阅
  • CSS弹性布局FLEX,媒体查询,移动端点击事件
    定义：Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。 主轴的开始位置（与边框的交叉点）叫做main…
    CSS
  • 十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出、表格边框合并...）
    1-1. 设置input 的placeholder的字体样式 1-2. 单行和多行文本超出省略号 1-3. 负边距使用技巧 1-4. 定位同时设置方位情况 1-5. 相邻兄弟选择器之常用场景 1-6. outline属性的妙用技巧 1-7. 隐藏滚动条或更改滚动条样式 1-8.…
    CSS
    十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出、表格边框合并...）
  • App Store 卡片展开效果
    大家好，我是 Steven。 本来想只用 HTML 和 CSS 去制作，但最后都要运用到 JavaScript，那我们立即开始吧。 打开 CodePen 编辑器，首先建立 HTML 结构。新增一个 <div>，class 是 card，里面新增图片，图片来源使用 Un…
    CSS
    App Store 卡片展开效果
  • 纯CSS实现常见的UI效果
    大家好，这里是CSS魔法使——alphardex。 切图仔，是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候，大部分时间是在切图和排图，如此往复。这里并不是要否定切图本身，而是在质疑：一直切图到底对自己的功力增长有何好处？想想UI丢给你一套好看的界面，你却只需一个img标…
    CSS
  • CSS 奇思妙想边框动画
    觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…
    CSS 前端
    CSS 奇思妙想边框动画
  • 你可能不知道的 transition 技巧与细节
    CSS 中，transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法，也就是给元素添加一个 transition，让其某个属性从状态 A 变化到状态 B 时，不再是非常直接突兀，而是带有一个补间动画。 当然，除了上述基本的用法，其实 CSS t…
    前端 CSS
    你可能不知道的 transition 技巧与细节