纯CSS代码加上制作动画版哆啦A梦(机器猫) 哆啦A梦(机器猫)我们大家一定都很熟悉,今天给大家演示怎么用纯CSS。代码,来做一个动画版的哆啦A梦. 效果图: 下面代码同学可以查看一下,每个线条及椭圆都是纯CSS代码生成。 首先分析结构 根据原图,将哆啦A梦分为几个结构,然后再分解其他部位。 画出各 ...
分类:
Web程序 时间:
2019-05-10 13:10:41
阅读次数:
188
纯CSS代码加上\制作动画版哆啦A梦(机器猫) 哆啦A梦(机器猫)我们大家一定都很熟悉,今天给大家演示怎么用纯CSS。代码,来做一个动画版的哆啦A梦. 效果图: 下面代码同学可以查看一下,每个线条及椭圆都是纯CSS代码生成。 首先分析结构 根据原图,将哆啦A梦分为几个结构,然后再分解其他部位。 画出 ...
分类:
Web程序 时间:
2019-05-10 11:29:03
阅读次数:
181
<!DOCTYPE html> <html> <head> <title>纯css实现左右滑动</title> <style type="text/css"> ul,li{ list-style: none;; } .slide-box{ margin-top:200px; display: -we ...
分类:
移动开发 时间:
2019-04-15 11:52:15
阅读次数:
387
原文地址:https://segmentfault.com/a/1190000015566332 学习效果地址:https://scrimba.com/c/cz6EzdSd 感想:过渡效果,圆角,定位。 HTML code: CSS code: ...
分类:
Web程序 时间:
2019-04-13 12:28:13
阅读次数:
245
原文地址:https://segmentfault.com/a/1190000015560736 感想:过渡效果+xyz中一轴。 HTML code: CSS code: ...
分类:
Web程序 时间:
2019-04-13 00:48:48
阅读次数:
235
原文地址:https://segmentfault.com/a/1190000015456554 感想:复习下 transform-origin: 位置; HTML code: CSS code: ...
分类:
Web程序 时间:
2019-04-08 10:41:47
阅读次数:
207
原文地址:https://segmentfault.com/a/1190000015444368 感想:CSS又一次让我见识到它的强大之处 --》 box-shadow 。 拓展地址: HTML code: CSS code: ...
分类:
Web程序 时间:
2019-04-07 12:39:15
阅读次数:
178
原文地址:https://segmentfault.com/a/1190000015424389 修改后地址:https://scrimba.com/c/cqKv4VCR HTML code: CSS code: ...
分类:
Web程序 时间:
2019-04-06 12:35:32
阅读次数:
148
效果地址:https://scrimba.com/c/cqKv4VCR HTML code: CSS code: ...
分类:
Web程序 时间:
2019-04-06 12:19:40
阅读次数:
161
今天需要做一个弹出框,右下角提示的那种 ,看了一两个jquery的插件 总是不太满意 。一方面js内容太多,另一方面 不太好配合已经存在的样式使用。所以 就自己用css直接实现了下 效果还可以 。 上代码: 严格来说只有3行js内容 ,可以说相当精简了。效果如下: 打开以后自动右下角弹出。 点击“x ...
分类:
Web程序 时间:
2019-03-29 01:16:15
阅读次数:
381