html

3月17日 · 2020年

Protected: 仿微信音频播放样式

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

分享自用跳转样式

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

分享自用404页面

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

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

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