SkyTips出炉 - 第一个前端作品

上次在仿制Hokster-domain-index时,想做一些tooltips的效果,但自己实际做起来却不知道从何下手,于是决定单独制作Tooltips,于是之后的SkyTips应运而生。

其实也还好,花了两天时间,当然之前也做了一些准备工作,比如前一篇文章中的那些东西,其实是Tooltips制作学习的衍生产物吧。

SkyTips讲究简单实用,我Javascript水平还很臭,所以,能用CSS的我绝不会用JS去做(这也是为了避免自己太过依赖JS并练习CSS),可以用纯粹的引入CSS来使用,具体在发布页都有说,下载可见:https://github.com/csvwolf/SkyTips

如果有什么Bug,请留言wwww如果能给我一些指导性建议就更好啦。

当然在测试完三大浏览器之后,发现其实SkyTips!不足之处太多了,还有很多值得改进的余地,甚至说是重写,这也是后话了=w=

这个作品可以说是一假期学到的所有东西的综合应用吧,其中包括了定位的方法,三角的制作,半透明的设定,伪类,以及一系列种种CSS知识,与此同时非常感谢peise.net提供的各种颜色,设计苦手啊。

在class设定上,参考了bootstrap的方案(毕竟他我可是用了一年——前端也是最近才会的QvQ),保证了不会用JS甚至不怎么会CSS的人,如果想要增加配色方案,只要修改颜色部分,复制黏贴一下就好了。

这篇就不说什么指导性知识了,都是以前发布过的内容啦其实,代码也是开源的=w=非常感谢大家的支持。

如果您觉得文章不错,可以通过赞助支持我

标签: 成品

添加新评论