自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

九天翔龙的技术博客

自己的学习心得

  • 博客(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的九宫格抽奖.rar

基于 HTML5 和 JavaScript 的九宫格抽奖。可以自定义内容,样式和中奖概率。原生HTML5+JavaScript完成。

2020-07-27

HTML5原生态JS的音乐播放器-带lRC歌词分析.rar

HTML5 原生态 JS 的音乐播放器。能上一首,下一首进行切换。并且可以分析 LRC 歌词。 歌词文件采用 AJAX 加载。

2020-03-21

原生态JS 3D banner.rar

利用原生态 JavaScript 实现一个伪 3D 的banner。利用鼠标坐标,控制 3D 的晃动。

2020-03-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除