css
4篇文章 · 0订阅
  • CSS Tips：跑马灯效果
    在 Web 上，存在着众多借鉴跑马灯理念的无限滚动展示方案，它们能在屏幕或是限定区域内循环往复地呈现信息内容。今天我将分享多种不同的纯 CSS 技术方案实现跑马灯的动画效果！
    前端 w3cplus CSS
    CSS Tips：跑马灯效果
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • 前端引用字体@font-face的若干优化方法
    我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。 之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。 本文只列出了引入本地字体，网络的字体由于实践不多，这里介绍就少一些。 一般的中文字体都要8-10M，相对于整个工程来说…
    CSS