我爱撸码,撸码使我感到快乐! 大家好,我是Counter,本章微博主要利用了CSS3的一些新特性, 主要用到关键帧来使3D图形运动起来,涉及到了一些抽象的思想,立体的想象。 先给大家看看完成的效果,代码也不是很难,每行代码都给到了详细注释,纯CSS,没有用到JS,CSS3不错。 效果如下: 每一行基 ...
分类:
Web程序 时间:
2019-03-26 01:35:50
阅读次数:
207
外贸建站之纯CSS动画效果天之蓝滚动的白云代码分享 应客户要求, 要在chinaobd2.com上面增加一个蓝天白云,滚动效果,以上CSS代码 实测,没有问题,仅供大家学习参考。 ...
分类:
Web程序 时间:
2019-03-16 12:27:03
阅读次数:
157
原文地址:https://segmentfault.com/a/1190000015246974 感想: 都是半圆边框合成的。 HTML code: CSS code: ...
分类:
Web程序 时间:
2019-03-05 09:25:04
阅读次数:
235
原文地址:https://segmentfault.com/a/1190000015221260 练习地址:https://scrimba.com/c/c3GEWmTb 感想: 原来animation 中可以有多个动画,用 , 分开即可! HTML code: CSS code: ...
分类:
Web程序 时间:
2019-03-02 18:25:25
阅读次数:
242
垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。有了css3,针对移动端的垂直居中就更加多样化。 方法1:table-cell html结构: <div class="box box1"> <span>垂直居中< ...
分类:
Web程序 时间:
2019-03-02 10:47:09
阅读次数:
201
原文地址:https://segmentfault.com/a/1190000015177284 感想: 又有点回到boder的三角形 HTML code: CSS code: ...
分类:
Web程序 时间:
2019-02-27 19:08:49
阅读次数:
241
原文地址:https://segmentfault.com/a/1190000015107942 HTML code: CSS code: ...
分类:
Web程序 时间:
2019-02-21 00:21:45
阅读次数:
192
原文地址:https://segmentfault.com/a/1190000015070543 感想: 动画,背景颜色 HTML code: CSS code: ...
分类:
Web程序 时间:
2019-02-16 20:49:02
阅读次数:
203
利用border属性实现 第2种:利用“?”字符实现(谷歌浏览器显示不正常) 第3种 第4种 第5种 ...
分类:
Web程序 时间:
2019-02-09 17:52:44
阅读次数:
302
原文地址: https://segmentfault.com/a/1190000015045700 感想: 动画 + z-index:n ; HTML code: CSS code: ...
分类:
Web程序 时间:
2019-02-02 17:17:36
阅读次数:
202