- 博客(4)
- 资源 (3)
- 收藏
- 关注
原创 纯CSS3鼠标滑过溜光按钮
最近支付宝的抢“五福”活动很火。在支付宝首页中,有个“点击进入”的按钮,一直在溜光,挺好看的。(就是它)随用CSS3写了一个。主要用到的知识要点:1、溜光用的是标签的伪类2、溜光部分绝对定位,标签相对定位3、溜光部分的背景用了CSS3的渐变。这里是“白色透明--白色--白色透明”的方式ps:写渐变背景在我看来是非常麻烦的事情,还在有个网站不错,可以随便调整颜色,自动...
2019-01-30 20:05:22 425
原创 Typora的常用快捷方式
看网上大神的网课,笔记甚是全面。突然发现自己这么多年了,笔记都没沉淀下来。甚为惭愧,跟着大神学习,发现他用的是一个叫做Typora的工具编写的笔记,有大纲视图,来回切换内容非常方便。虽然word也可以记录笔记,但是word里面对代码编辑太不方便了,而且老是切换标点为中文的,这点很烦。随对Typora一见倾心,喜欢不已,记录下个人觉得比较实用的快捷操作。一、标题操作标题太重要...
2019-01-29 22:39:40 5705 4
原创 去掉手机浏览器默认的按钮样式
最近做个小东西,一个手机项目。里面要做一个按钮,设计稿如下,很简单吧?代码就不贴了,反正Chrome模拟手机浏览是很OK的。但是用手机真机测试,一脸蒙蔽,这个什么鬼?( 6s,最新UC浏览器)因为手机上,无法像在电脑上那样利用F12测试。我猜想是手机浏览器自带的样式劫持了自己的样式。果断先去掉手机按钮默认的样式:input[type="button"], inpu...
2019-01-20 00:40:23 795
原创 利用CSS3动画制作“百度浏览器”官网奔跑的北极熊
现在各大浏览器的官网是越做越炫酷了。比如百度浏览器官网,虽然我不用这个浏览器呢(只用原版Chrome,不为其他,只因国内换壳的浏览器内核版本太低,跟Chrome官方始终有差距)。但是不得不佩服百度的设计师,页面动画做的确实漂亮。其实这熊熊就是一个png图,长长的,把熊熊奔跑的动作分解成了几帧。(没法改背景色,大家可以下这个图在自己电脑上看下)整个百度浏览器官网动画基本上都是C...
2019-01-08 16:17:07 8231 10
HTML5原生态JS的音乐播放器-带lRC歌词分析.rar
2020-03-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人