首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
摸鱼的崽
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
童鞋们,该放弃移动端rem适配方案了
1.背景 在做移动端各种尺寸屏幕的适配时,用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度,UI设计稿尺寸这两个参数比较好理解,可是为什么要除以100呢,为什么
最强大的 CSS 布局 —— Grid 布局
Grid 布局即网格布局,是一种新的 CSS 布局模型,比较擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案,是目前唯一一种 CSS 二维布局。利用 Grid 布局,我们可以轻松实现类似下图布局,演示地址 讲到布局,…
奇妙的 CSS MASK
本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义,mask 译为遮罩。在 CSS 中,mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出现已经有一段时间了,只是没有特别多实用的场景,在实战中…
十大惊人的文字动画特效
本文阿宝哥将给大家介绍十个 「“惊人"」 的文字动画效果,希望阿宝哥精心录制的十个 Gif 动画能让大家感到 「”惊艳“」,当然更希望这些特效能给大家实现文字动画效果时带来一些 「”灵感“」。 在日常工作中,如果小伙伴们也想实现文字动画特效,阿宝哥推荐一个用于实现 CSS3 文…
十大酷炫屌的图像悬停特效
本文阿宝哥将给大家介绍十个 「“酷炫屌"」 的图像悬停效果,希望阿宝哥精心录制的十个 Gif 动画能让大家眼前一亮,当然更希望这些特效能给大家设计图片悬停效果带来一些 「”灵感“」。 在日常工作中,如果小伙伴们也想实现图片悬停特效,阿宝哥推荐一个 Github 上的一个可扩展的…
css篇--100道近两万字帮你巩固css知识点
继上一篇html篇之后,看到小伙伴留言说期待后面整理的CSS和JS篇,工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹,囊括了目前大部分在面试当中常见的内容,包括一些易踩雷的知识点。文章篇幅较长,建议收藏慢慢细品。 文中篇概念性的内容也蛮多,小编一…
【收藏】你不知道的css技巧
下面总结了一些常用又有趣的css技巧,希望大家收藏,以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了,并不符合UI设计 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display: -…
妙用CSS变量,让你的CSS变得更心动
CSS变量又叫CSS自定义属性,为什么会突然提起这个很少人用到的东西呢?因为最近在重构个人官网,不知道为什么突然喜欢用上CSS变量,可能其自身隐藏的魅力,让笔者对它刮目相看。 谈到为什么会在CSS中使用变量,下面举个栗子,估计大家一看就会明白。 看完可能会觉得使用CSS变量的代…
灵活运用CSS开发技巧
何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。 每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
用纯 CSS 实现镂空效果
近来研究了一下镂空效果。 背景被裁剪为文字的前景色。第一次是在 CSS-Tricks 看到的这个用法: 在 CSS-Tricks 网站上,这个玩意用得到处都是。 这样,做简单的图片背景镂空效果便不再困难了。关键代码只有几行。 就这几行,视觉上会就会有大变化。前后对比: back…