首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
html/css
订阅
代码漫步
更多收藏集
微信扫码分享
微信
新浪微博
QQ
30篇文章 · 0订阅
如何管理 CSS 类库 / 内裤
命名 是我认为 CSS 里最难的问题没有之一。 CSS 是一个不强调逻辑,而更侧重表现的一门所见即所得的语言。你写了一个属性它就有一个样式,就好比嗑瓜子,你每嗑一下都能及时的得到一个奖励。这种愉悦感是别的开发语言所不具备的。 CSS 也不像其它侧重逻辑的语言,有比较多的代码管理…
个人总结(css3新特性)
css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用得顺手,最近我也在过一遍css3的一些新特性(不是全部,是我在工作上常用的,或者觉得有…
炫酷粒子表白,双十一脱单靠它了!
双十一光棍节又要来临了,每年这个时候都是本人最苦闷的时刻。日渐消瘦的钱包,愈发干涸的双手,虽然变强了,头却变凉了。今年一定要搞点事情! 最近听女神说想谈恋爱了,✧(≖ ◡ ≖) 嘿嘿,一定不能放过这个机会,给她来个不一样的表白。 作为整天搞可视化的前端攻城狮,最先想到的就是常玩…
纯前端 Canvas 实现 HTML 转图片,自动生成微信阅读卡片
最近公司微信公众号想使用 Apple 式的圆角阴影卡片做文章推荐。这种效果用 Adobe XD 可以轻松做出来,但是没法要求所有编辑都去学习新软件,所以就打算用前端实现一个小工具。效果如下: 更新: 已增加 Electron,可打包成 dmg 或 exe 文件运行。详见 Git…
怎么实现一个3d翻书效果
这种整页翻转的效果主要是做rotateY的动画,并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂,需要各个细节配合好,形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…
如何利用vw+rem进行移动端布局
因为在公司,只有一个前端,在做移动端布局的时候。利用px进行布局,发现,需要进行各种手机的适配。 所以在开发第二版的时候,想着引用lib-flexible库(即手淘的方案),询问了上一家公司的同事,会有一些字体和一些诡异的问题。 在无意中,突然一个网友跟我说,他有一个很好用的适…
巧用 CSS 动画实现动态气泡背景
然鹅,还是被昨晚特意设置的八个闹钟⏰吵醒,冬天早上起床的难度...想必各位都心有体会 😭,抱着一万个不情愿起床早早地来到了办公室,还是熟悉的环境,还是熟悉的味道。。。 还有,熟悉的任务需求😂。 今天的第一个任务是写个登录页面,老大给了我一个参(chao)考(xi)案例,大家…
Web自适应布局你需要知道的所有事儿
有这样一个问题。 别急,下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势,最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一,设置了float的元素脱离了文档流。需要注意在使用过浮动…
HTML5 进阶系列:文件上传下载
前言 HTML5 中提供的文件API在前端中有着丰富的应用,上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好,包括移动端,除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能,先要熟悉每个API。 FileList 对象和 file …
CSS 常用技巧
相信大家在写css属性的时候,会遇到一些问题,比如说:垂直对齐,垂直居中,背景渐变动画,表格宽度自适应,模糊文本,样式重置,清除浮动,通用媒体查询,自定义选择文本,强制出现滚动条,固定头部和页脚,自己在网上看到的一篇关于css的文章,感觉这里边一些常用的css代码片段对大家很有…