RBGA背景颜色透明的改进

2013-07-15 | Author:aqy106 | Categories:HTML&CSS

一、开篇前想说的一些话

自从去年转行以来，刚刚好一年的时间没关注前端开发这一块的信息了，一年的时间过去了，觉得时间过得很快。转行了，以为没什么机会接触前端这块了，也以为不会再碰这些东西了，但是工作空闲之余，还是会忍不住看看之前经常关注的博客，发现更新很多东西了，而自己的就一直都没更新了。最后，还是觉得无法放舍得下对前端的热爱，终于还是鼓起了勇气再继续再写写东西，但是发现，太久没练了，很多东西也已经遗忘和生疏了，原先很多想写的题材现在都无法有完整的思路写下来了，或是不知从何写起了，那个痛苦啊。

万事开头难，重新开头更难，现在，还是硬着头皮先写一篇以作开头吧。

现在，重新开始了，不容易啊！

好的，我回来了！
（更多…）

Tags:

CSS3的动画泡沫按钮

2012-03-06 | Author:aqy106 | Categories:HTML&CSS

　　第一眼看到这个按钮，你是什么感觉？
　　也许很多人的想法都一样，是用不同的背景图片来做的，但是你错了，这里只是用了一张背景图片而已，其他的全都是CSS3而已。
　　不相信？那就直接 打开DEMO
　　//强烈建议用火狐或谷歌等标准浏览器打开，IE可以直接无视，即使IE9。
（更多…）

Tags: CSS3

特殊字符模拟STEP步骤箭头效果实现

2011-10-22 | Author:aqy106 | Categories:HTML&CSS

　　最近项目整天改来改去，页面数据很多都是手工来添加的，所以一修改就要搞个半死，连续好多天晚上加班到十一点，浑身都累得没有一点气力了，苦命的伪码农啊。今年部门里招进来的算是比较久一点的人，也是受不了，提出要离去的申请了，估计最迟也是在月底了。唉，这种日子真不好过。

　　弄一这个，搞一下那个，都快变成文员编辑了，受不鸟。

　　这几天折腾弄了一个用◆这个特殊字符来折腾STEP步骤箭头的效果，就是那种一步一步的引导的那个效果，几经调试，才勉强实现效果，但兼容性和实现的效果上有些问题，主要是IE6这种快要退出历史舞台的古董级别的浏览器了（虽然我现在还是天天有在用来测试兼容性），不管了，也暂时没有时间弄了，先放上来，以后有时间再整理或再加强扩展吧。

　　用纯特殊字符◆来模拟的效果思路实现的话是很简单，截取字符的尖角部分，再将两个小叠加效果，造成视觉上的统一就完事了，但过程中调试比较麻烦，且兼容性也有些问题，所以也不好控制，虽然说扩展性可能会强些，但效果在浏览器中去却不如人意，用图片做尖角的效果会更好些，方便控制，宽度也可以自适应，按理说是高度也是可以做成自适应的（以后有时间再做高度的自适应）。以下是模拟的效果效果在各个浏览器的对比，DEMO中有用模拟和用图片实现的效果，标准浏览器的效果是基本差别不大的，甚至你看不出来是模拟的，点击进入DEMO查看，点击打开

（更多…）

Tags: CSS、HTML、javascript