首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
xcz426
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
这篇文章是三天前写就的,有大佬给我提了一些修改意见,我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug,后来我查看代码才发现直接用的…
怎么实现一个3d翻书效果
这种整页翻转的效果主要是做rotateY的动画,并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂,需要各个细节配合好,形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…
如何实现元素的水平垂直居中
关于面试中常见的话题,同时也是令开发中令人苦恼的问题,里面都有不同的解决方案
纯前端 Canvas 实现 HTML 转图片,自动生成微信阅读卡片
最近公司微信公众号想使用 Apple 式的圆角阴影卡片做文章推荐。这种效果用 Adobe XD 可以轻松做出来,但是没法要求所有编辑都去学习新软件,所以就打算用前端实现一个小工具。效果如下: 更新: 已增加 Electron,可打包成 dmg 或 exe 文件运行。详见 Git…
50道 CSS 基础面试题(附答案)
1、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin 低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin …
手机端页面自适应解决方案—rem 布局进阶版(附源码示例)
一年前笔者写了一篇 《手机端页面自适应解决方案—rem 布局》,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案——rem 布局(进阶版)转载自:http://www.jianshu.com/p/985d26b40199
CSS 技巧:使你的 CSS 更加专业
这是 github 上关于 css 技巧的一篇译文,另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧,比如给空内容的 a 标签添加内容,逗号分隔列表等等。 鉴于很多人吐槽翻译,在pr为通过前,先改成我自己的翻译...
浏览器的回流与重绘 (Reflow & Repaint)
浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了Render Tree。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点…
【译】45个值得收藏的 CSS 形状
大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。 CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和…
css经典布局——圣杯布局
圣杯布局和双飞翼布局一直是前端面试的高频考点,圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。 比起双飞翼布局,它的起源不是源于对页面的形象表达。在西方,圣杯是表达“渴求之物”的意思…