首页
学习
活动
专区
工具
TVP
发布

grain先森

专栏作者
209
文章
328900
阅读量
35
订阅数
css 透明度和百分比对应值
透明度百分比和十六进制对应关系表格,本对应关系以#fff对应100%为基础。例如,透明度为51%(0.51),对应十六进制色值为#828282,对前端或者设计师还是有点参考价值的。
grain先森
2020-07-28
7200
前端技能自检
前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快,是其他技术所不能比拟的。
grain先森
2019-08-05
3K0
压箱底的正则实例
密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。
grain先森
2019-05-17
4140
12 个 Css 小技巧
你不需要分别添加 line-height 到每个 <p>,<h*>等。只要添加到 body 即可:
grain先森
2019-04-22
1.1K0
console 让 js 调试更简单
Web开发最常用的就是 console.log ,虽然 console.log 占有一席之地,但很多人并没有意识到 console 本身除了基本 log 方法之外还有很多其他方法。 适当使用这些方法可以使调试更容易,更快速,更直观。
grain先森
2019-04-22
2.9K0
理解 Css 布局和 BFC
CSS布局中有一些概念,一旦你理解了它们,就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语,但是如果你曾经用CSS做过布局,你可能知道它是什么,理解什么是 BFC,怎么工作以及如何创建 BFC 非常有用,这些可以帮助你理解CSS中的布局是如何工作的。
grain先森
2019-04-18
1.4K0
Css 实现多行文字截断
看似十分简单的标题截断效果,但是竟然没有一个统一 CSS 属性实现标准,需要用到一些奇淫妙计来实现,一般来说,在做这样文字截断效果时我们更多是希望:
grain先森
2019-04-18
2.2K0
Css 小技巧
在页面构建中,能明显提升页面显示质量的一些CSS小技巧。很多简洁美观的页面表现,可以使用CSS3代码即可实现,减少图片的使用。
grain先森
2019-04-18
9850
Css3 Animation 动画原则七
虽然对象是更逼真了,当它们遵循「缓入缓出」的时候它们很少沿直线运动——它们倾向于沿弧线运动。
grain先森
2019-04-09
4140
Css3 Animation 动画原则六
对象很少从静止状态一下子加速到最大速度,它们往往是逐步加速并在停止前变慢。没有加速和减速,动画感觉就像机器人。
grain先森
2019-04-01
5200
Css3 Animation 动画原则四
连续运动是绘制动画的每一帧,姿态对应是通常由一个 assistant 在定义一系列关键帧后填充间隔。
grain先森
2019-03-29
3750
前端-移动端1px问题的解决办法
由于不同的手机有不同的像素密度导致的。如果移动显示屏的分辨率始终是普通屏幕的2倍,1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px,所以在高清瓶下看着1px总是感觉变胖了
grain先森
2019-03-29
9270
前端-CSS3 中的层叠上下文初探
前言:关于层叠上下文,笔者还没有去阅读更详细的 W3C 规范来了解更本质的原理(表打我,等我校招拿到 offer 了我就读好伐 T_T)。一直听说 CSS3 里的层叠上下文有新情况,但没找到很好的参考资料,故自己实战一把。鉴于笔者水平有限,如有任何遗漏或者错误,则恳请读者斧正。
grain先森
2019-03-29
5870
前端动画大乱炖
作为一只前端狗,我们的使命就是在满足产品需求、实现交互设计的基础上,将最好的体验呈现给用户爸爸们。在保证性能的同时,我们通常会给页面加一些动态效果,以增强页面的表现力并提升页面的交互体验。故将前端实现动效的几种常用方式整理成此篇小结,以求温故而知新,如有不当还望多多指正。
grain先森
2019-03-29
1.1K0
前端-CSS变量(自定义属性)实践指南
Sass和Less这样的预处理器,让我们的CSS代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性,增强了动态编写CSS的能力,从而减少重复代码,也加快了我们开发速度。
grain先森
2019-03-29
1.7K0
前端-CSS Grid中的陷阱和绊脚石
2017年3月,CSS Grid在几个星期内就被发送到Chrome、Firefox和Safari的生产版本中。很高兴,大家可以使用它来解决实际问题。
grain先森
2019-03-29
4.8K0
前端-彻底学会CSS布局-这是最全的
其实,我们可能经常在聊组件化,咋地咋地。但是,回过头来思考一下,如果你看到一张设计稿的时候,连布局都不清不楚,谈何组件化呢。所以,我们需要在分清楚组件之前,先来分清楚布局。废话说了这么多,只是想告诉你,布局这个东西真的很重要。本篇内容概括了布局的基础+基本的PC端布局+移动端适配等内容。如果你喜欢我的文章,欢迎评论,欢迎Star~。欢迎关注我的github博客
grain先森
2019-03-29
1K0
前端-滚动视差?CSS 不在话下
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。
grain先森
2019-03-29
1.5K0
前端-在2018年你应该知道的9个关于CSS组件化的JS库
一个特别有趣的概念是在CSS中使用JS将CSS抽象到组件级别本身,使用JavaScript以声明性和可维护的方式描述样式。所以,我们已经列出了一些有用的项目来开始。
grain先森
2019-03-29
2.6K0
前端-SVG 实现动态模糊动画效果
今天我们将向大家展示如何制作SVG动态模糊效果,并将其应用于HTML元素的常规JS或CSS动画。
grain先森
2019-03-29
2.4K0
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档