10-3。CSS3-圆角、线性渐变、盒子阴影

  工作的时候期望着放假，而放假的时候却因不充实而有些空荡荡的感觉。显然,我不喜欢这种感觉,长时间下去会使人变得颓废。想出去走走,但是我深知浅层次的行走不但不能给我带来任何精神上的新知反而浪费宝贵时间。与其机器式的拍照不如闭门看书,一本书,一杯茶,一下午。可是这几天看书也不能完全投入,似乎还沉醉在路遥的世界里,那平凡的世界,还有那一群不平凡的劳动者……

  实在不想呆在住处。吃饭,睡觉,上网,吃饭,睡觉,上网…如此懒猪式循环。只好去书城,继续学习敏捷开发,HTML5,CSS3。然后到文学,哲学类逛逛。看累了就到市民中心与莲花山脚相连的桥上的长椅上坐坐。看看蓝天,看看附近的高楼大厦,看看一群群过路的行人。然后陷入沉思,一个即将21岁的人应该是个什么样子的？有时候发现自己的行为像个小孩子,有时候有些思想又似乎超出自己的年龄,真搞不懂自己。

  总结最近学习的东西:

   CSS3实现边框圆角 ：style="border-radius:5px;" (最近仔细留意了一下身边的事物,发现直角一般用于较为严谨的地方。而圆角似乎要更为温和,人性化。为人处世也讲究内方外圆大概是这么个意思)

   CSS3实现线性渐变 : -webkit-gradient(linear, 0% 0%, 0% 50%, from(#7f7f7f), to(#424242)); (Chrome 浏览器)

　　　　　　　　　　   -moz-linear-gradient(#7f7f7f,#424242),

  渐变可参考:渐变

   CSS3实现盒子阴影 : style="box-shadow: 3px 3px 3px #aaaaaa;"

  可参考CSS3 API,《CSS3实战：开发与设计》 第四章。

   目前还没有形成标准,所以要考虑到浏览器兼容问题,并且有些浏览器不支持,让人很无奈。相信时间会解决这些的。

   越来越感觉到对于前端"难的不是技术,是创意"。

转载于:https://www.cnblogs.com/nemol/p/3351987.html