![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
wphmoon123
欢迎来到真实的荒漠
展开
-
前端的一些雕虫小技,从100%和滚动条说起
1、100%和滚动条当我们在css中把html和body同时设为100%时,会出现滚动条 html, body { width: 100%; height: 100%; }原因是html和body之间有8px的margin,这个margin怎么来的呢,我们在chrome中用F12看一下...原创 2019-11-17 12:17:25 · 247 阅读 · 0 评论 -
今天才知道,原来html上用这个标签显示拼音
今天上网溜达的时候,在微博看到的,原来html上面可以用<ruby>标签显示拼音,我这暴脾气,马上试一下<html><head><title>拼音</title></head><body><ruby>拼音</ruby></body></html>...原创 2019-05-17 10:28:04 · 1161 阅读 · 0 评论 -
马儿呀,你慢些走,我的html动画之旅
今天在看一篇动画片原理的文章,觉得我堂堂一个程序员,模拟个动画场景还不是妥妥的。虽然手绘不是我的强项,但把图片一张一张的连成动画,我比那些只能在纸上一张一张画的家伙还是要有办法的多,于是我翻出了我尘封多年的javascript技术,开始了我动画师之旅。首先要有一张图,这张图把所有动作都画出来了才能弄出动画,于是就有了这张图这种图怎么让它动起来呢,这时候 就要请出一个Java...原创 2019-05-30 18:48:01 · 197 阅读 · 0 评论 -
抖音抖一抖-SVG和CSS视觉故障艺术小赏
故障艺术,英文名称叫glitch,在很多赛博朋克作品中经常看到,其实就是故意表现一种显示设备的小故障效果,抖音的图标其实就是这种的效果,我们看下这个图标这个图标中的红色和蓝色的偏移其实就是一种故障艺术,看到这个,我就能想到早年我家还没有有线电视时,摇天线对电视信号的场景,信号一差就是对着电视一阵拳打脚踢,现在看到这种艺术效果颇为怀念。某甲:为啥我没遇到过这种场景?我:你把手里的平板...原创 2019-10-07 20:08:26 · 592 阅读 · 0 评论