随笔分类 -  html&css

[CSS]关于z-index与position的一次奇异经历
摘要:前言: 前不久,同事S遇到了一个关于position和z-index的问题。 他折腾了一天没搞定,群发了邮件寻求帮助, 我一开始以为很简单,就主动说帮忙,简单尝试之后,才发现貌似没那么简单。 问题主要围绕position和z-index。 问题: 我们项目用的是react,同事S有一个table,t 阅读全文

posted @ 2018-06-30 23:51 bee0060 阅读(544) 评论(0) 推荐(0) 编辑

[css]我要用css画幅画(九) - Apple Logo
摘要:接着之前的[css]我要用css画幅画(八) - Hello Kitty,这次画的是苹果公司的logo 这次打算将分析和实现步骤尽量详细的说一说。 其实之前的也打算详细讲分析和设计过程,不过之前的图比较复杂,如果讲那么细,真是怕要讲到猴年马月。 这次的图足够简单,就拿这个图来说明。 都是一些简单的基 阅读全文

posted @ 2016-04-24 16:47 bee0060 阅读(1631) 评论(0) 推荐(0) 编辑

[css]我要用css画幅画(八) - Hello Kitty
摘要:接着之前的[css]我要用css画幅画(七) - 哆啦A梦,这次画的是Hello Kitty。 /* 开始前先说点废话, 一转眼就2016年了,过完年后一直没更新博客,无他,就是懒得动。 这一转眼,一年就过了1/4多了。 现在依然处在迷茫状态,时间一直浪费下去也是白浪费,在找到新的目标前,暂时先继续 阅读全文

posted @ 2016-04-10 10:42 bee0060 阅读(1390) 评论(0) 推荐(2) 编辑

[css]我要用css画幅画(七) - 哆啦A梦
摘要:接着之前的[css]我要用css画幅画(六),今天画的有所不同,画的是哆啦A梦,我们小时候对他的称呼其实是小叮当机器猫。 (PS:这次我要做的事情,很多人已经做过,这并不是什么创新,我只是在学习并记录下学习的过程) 这次就不多说CSS属性的基础概念了。 说说我画的过程吧, 好,进入正题。 因为和之前 阅读全文

posted @ 2015-12-24 17:38 bee0060 阅读(2853) 评论(17) 推荐(4) 编辑

[css]我要用css画幅画(六)
摘要:接着之前的[css]我要用css画幅画(五), 由于这个画已经画了很久了,这次一次性加了比较多更新,算是让这幅画告一段落吧。 本次的更新包括: 1. 给云增加动画 2. 画了一棵树 3. 树上画了一个苹果,并给苹果增加坠落的动画 其实还有一个TODO List, 不过这个List没有也可以算完成,所 阅读全文

posted @ 2015-12-02 14:41 bee0060 阅读(1208) 评论(0) 推荐(1) 编辑

[css]我要用css画幅画(五)
摘要:接着之前的[css]我要用css画幅画(四), 这次我给小明和静静增加了对话,用了简单的动画效果。github:https://github.com/bee0060/Css-Paint, 完整代码在pages/sun-house-5.html和相关的css中可以找到demo:http://bee00... 阅读全文

posted @ 2015-11-27 15:29 bee0060 阅读(1032) 评论(0) 推荐(0) 编辑

[css]我要用css画幅画(四)
摘要:接着之前的[css]我要用css画幅画(三), 今天,我画了两朵云,并给小明介绍了个朋友:静静。 github:https://github.com/bee0060/Css-Paint , 完整代码在pages/sun-house-4.html和相关的css中可以找到 demo: http://be 阅读全文

posted @ 2015-11-16 23:36 bee0060 阅读(1221) 评论(2) 推荐(0) 编辑

[css]我要用css画幅画(三)
摘要:接着之前的[css]我要用css画幅画(二), 今天,我画了一个小人,他的名字暂时叫作小明。 以下只列出本次修改增加的内容 html如下: 1 <div class="human left-190 bottom-25"> 2 <p class="lines">大家好,我叫小明</p> 3 <div 阅读全文

posted @ 2015-11-15 00:18 bee0060 阅读(1100) 评论(0) 推荐(0) 编辑

[css]我要用css画幅画(二)
摘要:接着之前的[css]我要用css画幅画(一) , 今天,我又画一个房子,很简单,屋顶、墙壁、门。 现在开始,做得效果都只兼容chrome,所以下面的css3的属性可能只有-webkit-前缀。 我只是为了兴趣画画, 何必理会兼容性呢,是吧? html如下: 1 <!DOCTYPE html> 2 < 阅读全文

posted @ 2015-11-11 13:07 bee0060 阅读(2892) 评论(14) 推荐(6) 编辑

[css]我要用css画幅画(一)
摘要:几年前开始就一直想用css画幅画。 今天才真正开始, 从简单的开始。 作为一个工作压力那么大的程序员,我首先要画一个太阳。 html如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title> 阅读全文

posted @ 2015-11-03 23:31 bee0060 阅读(1182) 评论(7) 推荐(1) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示