CSS有趣属性
5篇文章 · 0订阅
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”
  • 纯 CSS 检测文本是否溢出
    介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这
    前端 CSS
    纯 CSS 检测文本是否溢出
  • 10个CSS技巧，极大提升用户体验
    一个成功的Web App必须有良好的用户体验。当我们谈及改善用户体验时，你会想到什么？ 其实，有一点是很容易被开发者忽视的，那就是CSS。我们可以使用一些CSS技巧来改善网页的表现形式、交互细节和可访
    CSS
  • 蒙了吗？offsetLeft、offsetWidth、scrollTop、scrollWidth、event.pageX
    offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。 offsetTop 只读，而 style.top 可读写。 若是没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。 offsetLeft …
    前端
  • CSS 小技巧 | 一行代码实现头像与国旗的融合
    到国庆了，大家都急着给祖国母亲庆生。 每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款： emm，很不错。 那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何
    前端 CSS
    CSS 小技巧 | 一行代码实现头像与国旗的融合