代码笔记

css3音阶波浪loading动画

代码笔记 / 网页设计

分享自用404页面

代码笔记 / 网页设计

给关于页面添加了学习进度条

代码笔记

代码添加GO跳转

4月1日 · 2020年

一生程蝶衣 百年张国荣

0
“什么是从一而终。从一而终说的是一辈子。少了一年,一个月,一天,一个时辰,都不算一辈子。”一生风华绝代,一生从一而终,一剑了却余生愿,世间再无程蝶衣
3月17日 · 2020年

Protected: 仿微信音频播放样式

2
There is no excerpt because this is a protected post.
3月17日 · 2020年

霸王别姬

5
从虚与实的角度看,程蝶衣为戏痴狂,自己已经完全入戏,戏如人生,人生如戏。无论是谁,能够真正懂得戏的人,他都会认真对待。整个世界的变迁对与他而言,没有任何的影响。他只活在自己的虞姬世界里面。而师哥台上台下分的很清楚。能够完全分的出来俗世生活和台上生活,也就是他是一个普普通通的人类。所以是真虞姬和假霸王。 从人生的角度来看,世事无常,眼看他高楼起,眼看他楼又塌了。张公公,袁四爷都如此。但是对于沉迷于戏中的程蝶衣来讲,这一切一点意义都没有。 从人性的角度来看,主要是段小楼,这是一个真真正正的普通人的样子。生活归生活,工作归工作。小命最重要。危难面前,谁都可以卖。当菊仙看清楚他之后,自杀了。
3月8日 · 2020年

分享自用跳转样式

2
下面这篇文章已经写出了如何添加文章外链和评论用户的外链添加跳转样式 但是作者我比较喜欢更花里胡哨的东西来充实生活,这个跳转样式就是纯粹的css+html实现的动画效果来展示
3月4日 · 2020年

人,生而配角

0
苹果用户建议不要用safari浏览器打开全屏观看,没有适配会错位! 命還在 感觉人生已經提前結束了 或許 我們這部分人 生而配角
2月25日 · 2020年

Protected: 文章段落文本标记

0
There is no excerpt because this is a protected post.
2月25日 · 2020年

css3音阶波浪loading动画

0
在主流浏览器上测试通过,包括Chrome、360安全/极速浏览器、Firefox、IE11等。以前用flash来作为loading加载动画效果,但是现在的浏览器出于安全考虑,已经不再默认能自动加载运行flash文件了,因此用css3来实现同样的效果,就能很好的避免这种情况的出现。 css3 Loading css代码解释: .loader {} 定义动画的大小及相对位置,.loader span {} 定义动画音阶背景颜色;@keyframes load {} 这里面定义音阶的颜色,修改background此属性值。 html代码解释: id="div_loading"  这个div是加载动画的位置,id名称可以随意更改;而 class="loader" 这个div是展示动画的容器,class="loader"  这个类名不能更改。 1、css代码直接复制到网页的css文件里或网页的 <style></style> 里面。 2、html代码复制到网页的 <body></body> 里面。 3、你可以修改 id="div_loading" 这个div的id名称及其css属性。 4、你必须确定你的网页原来的css代码不包含 .loader 这个类名,否则会有冲突。如果你的网页原来的css代码包含有 .loader 这个类名,那么你得改一下这个动画效果的类名,把 .loader 改为其他名称,记住css和html代码里的 loader 要一起改。
2月25日 · 2020年

代码添加GO跳转

0
1、网站根目录新建 go 文件夹放入index.php 文件,内容如下: 2、外链自动识别 在主题的 functions.php 文件中加入以下代码:
2月25日 · 2020年

替换掉蜗牛般的Gravatar默认地址

4
首先找到网站的 Gravatar头像默认地址 https://secure.gravatar.com/avatar/ 比如在主题的:(首页) index.php (头部) header.php (模板函数) functions.php (评论) comments.php 等... Ctrl+F查询 类似于 https://secure.gravatar.com/avatar/ 等地址,替换成推荐地址 https://cdn.v2ex.com/gravatar/ 例如本站主题:就在 functions.php 文件中找到 https://secure.gravatar.com/avatar/ 大概在 780行 然后直接把 https://secure.gravatar.com/avatar/ 替换成 https://cdn.v2ex.com/gravatar/ 即可。
2月28日 · 2020年

给关于页面添加了学习进度条

0
个人来说比较喜欢这样的效果,特意学习了一下关于css动画的规则和方法,然后写出这篇文章,可以引用,也可以参考 css 里面的参数和样式可以自己自定义修改一下。 上面样式中的 .col-md-offset-3{ margin-left: -0%; } 这个值根据自己的网站整体宽度来修改,我是直接 -0% 网站宽度比较大我直接干掉。 把 css 放入 html 代码中的 <body>这里是css样式 <div class="about">,这样整个页面效果就都出来了
2月25日 · 2020年

Protected: 给文字添加提示

0
There is no excerpt because this is a protected post.
2月29日 · 2020年

分享自用404页面

11
个人可能比较偏向于拟物化的感觉,这个页面也是类似于视差效果