首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端CSS Tree
订阅
想吃肉的十三
更多收藏集
微信扫码分享
微信
新浪微博
QQ
26篇文章 · 0订阅
不可思议的纯CSS导航栏下划线跟随效果
在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ,我的第一反应也是,感觉很麻烦啊。所以我一直在想,有没…
H5 分层屏幕适配
屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill,多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式,即 分层。 对于屏幕适配这类…
使用 CSS 追踪用户
点击 这里 你可以查看该仓库的一个 demo。index.html 实践了的上述的方法,访问 results.php 可以查看结果 此外,分辨率监测还不是特别的准确,因为目前只能监测最常用的屏幕宽度。最后还想说的是,监测用户实际屏幕的宽度并没有想象中的那么简单,因为 CSS 监…
CSS系列-CSS3之径向渐变初探
线性渐变是沿着一条直线渐变,而径向渐变则是沿着椭圆或者圆进行渐变。其标准语法如下: position,指明径向渐变的椭圆或者圆心的位置,支持的值有:left、right、top、bottom,也可以指定px或者百分比,默认是图形的正中心。相应的对应关系如下: shape,指明径…
Skeleton Screen -- 骨架屏
用户体验一直是前端开发需要考虑的重要部分,在数据请求时常见到锁屏的loading动画,而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代,以优化用户体验。
常见的布局类问题及面经
浮动。(注意:为了不影响其他元素,别忘了在父级上清除浮动) vw: viewport width。1vw = viewport 宽度的 1%, 100vw = viewport width, 同样的还有 vh: viewport height。1vw = viewport 高度…
干货!各种常见布局实现+知名网站实例分析
阅前必看:本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局,待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读,还特意…
CSS技巧:逐帧动画抖动解决方案 | Aotu.io「凹凸实验室」
多方案解决从根本解决动画抖动问题
移动端网页绝对自适应方案总结
简单总结了实现移动端网页绝对自适应的五种方法;百分比、媒体查询、REM、meta inital-scale、transform scale以及每种方法的优缺点以及可能会遇到的坑。