css
16篇文章 · 0订阅
  • 面试官：请实现单行文本居中，多行文本左对齐？
    这是我参与11月更文挑战的第14天，活动详情查看：2021最后一次更文挑战 什么是单行文本居中，多行文本左对齐？ 实现方法 实现方式1：相对定位 + transform + inline-block
    前端 面试
    面试官：请实现单行文本居中，多行文本左对齐？
  • 别忘了前端是靠什么起家的😡😡😡
    回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。
    前端 JavaScript CSS
  • 面试被问到一个css属性，我却只会向面试官输出js解决方案。。。
    当面试官问如何能点击图片下的按钮时，不是问的JS事件委托，而是想看你是否知道css的【事件穿透】属性，一行代码搞定
    CSS 前端 JavaScript
  • 基于CSS mask-image 实现炫酷图片过渡效果之星球大战
    基于 CSS mask-image 实现了四种图片过渡效果，相信这几种效果能够让你眼前一亮，让你的项目炫酷起来吧
    前端 CSS
    基于CSS mask-image 实现炫酷图片过渡效果之星球大战
  • 每个前端开发者都应知道的25个实用网站
    快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://c
    JavaScript
    每个前端开发者都应知道的25个实用网站
  • 超长溢出头部省略打点，坑这么大，技巧这么多？
    在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样： 通常，这种情况都需要超长省略溢出打点，那么，就会变成这样： 但是，这种展示有个缺点，3 个 ID 看上去就完全一致了
    前端 CSS JavaScript
    超长溢出头部省略打点，坑这么大，技巧这么多？
  • 两行CSS让页面提升了近7倍渲染性能！
    现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能！
  • 面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）
    我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我们通过不同的方式来实现，让我们成功破解这道面试。 不定宽： 参考上诉例子中不定宽高例子。
    CSS
    面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）
  • 把图片变成“伪像素风”？用CSS贼容易！
    产品妹妹对同事阿洋说：如果你能用CSS把一张爱心图片变成`像素风`，我今天就答应跟你约会。为了帮助阿洋，我拼了。
    CSS 前端
    把图片变成“伪像素风”？用CSS贼容易！
  • 用CSS Houdini画一片星空
    要问2018最让人兴奋的CSS技术是什么，CSS Houdini当之无愧，甚至可以去掉2018这个限定。其实这个技术在2016年就出来了，但是在今年3月发布的Chrome 65才正式支持。 这3个例子都是用了Houdini里面的CSS Paint API。 第1个例子如果使用传…
    CSS JavaScript SVG
    用CSS Houdini画一片星空