Css
6篇文章 · 0订阅
  • 别再用 100vh 了！移动端视口高度的终极解决方案
    作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了
    前端 CSS HTML
    别再用 100vh 了！移动端视口高度的终极解决方案
  • CSS3最强布局-Grid布局
    wc!!!你不会还在用flex布局吧，都2024年了快进来看看css3最强布局Grid布局 绝对让你眼前一亮
    前端
    CSS3最强布局-Grid布局
  • 直播点赞喷射表情效果实现
    最近在线看直播年会。有一个点赞的按钮，点击点赞按钮喷射表情，表情在屏幕上向上浮动之后消失。觉得这个效果挺具有代表性，所以想实现一下。 找了一个别人的效果图 就来实现这个效果。 写一个点赞按钮 其中中间
    前端 JavaScript
    直播点赞喷射表情效果实现
  • 一文吃透 CSS Flex 布局
    原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布
    CSS
  • 现代 CSS 高阶技巧，不规则边框解决方案
    现代 CSS 与 Web 动画解决方案，专注于实现复杂布局，制作酷炫动画，制作复杂交互，构建奇思妙想效果等方面的内容。 去实现过往 CSS 中非常难以实现的一个点，本文来看看如何绘制不规则图形的边框。
    前端 CSS JavaScript
    现代 CSS 高阶技巧，不规则边框解决方案
  • iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
    最近写小程序时，遇到了 iPhoneX 底部小黑线与内容重叠的问题，实际上是iPhoneX安全区域的适配问题，了解清楚这个问题花了挺多时间的，也实操出了结果，忍不住来总结总结。 在苹果 iPhoneX 、iPhone XR等设备上，可以看到物理Home键被取消，改为底部小黑条替…
    微信小程序