黄锦诚的个人博客--有志者是锦诚!

文档归类

  • RBGA背景颜色透明的改进

    一、开篇前想说的一些话

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

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

    现在,重新开始了,不容易啊!

    好的,我回来了!
    (更多…)

  • CSS3的动画泡沫按钮

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

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

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

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

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

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

    (更多…)

黄锦诚 腾讯微博
黄锦诚,专注前端、分享生活、记录工作、关于一切,这里有不一样的惊喜!

分类

Wopus主机优惠码

无觅相关文章插件,快速提升流量