惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

S
Schneier on Security
有赞技术团队
有赞技术团队
T
The Blog of Author Tim Ferriss
F
Fortinet All Blogs
D
DataBreaches.Net
F
Full Disclosure
腾讯CDC
博客园 - 【当耐特】
MyScale Blog
MyScale Blog
Stack Overflow Blog
Stack Overflow Blog
小众软件
小众软件
Hugging Face - Blog
Hugging Face - Blog
Last Week in AI
Last Week in AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
爱范儿
爱范儿
The GitHub Blog
The GitHub Blog
Engineering at Meta
Engineering at Meta
大猫的无限游戏
大猫的无限游戏
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
S
SegmentFault 最新的问题
The Register - Security
The Register - Security
WordPress大学
WordPress大学
博客园 - 聂微东
雷峰网
雷峰网
J
Java Code Geeks
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
P
Privacy International News Feed
酷 壳 – CoolShell
酷 壳 – CoolShell
A
Arctic Wolf
Scott Helme
Scott Helme
C
Cyber Attacks, Cyber Crime and Cyber Security
T
Tor Project blog
博客园 - 三生石上(FineUI控件)
Know Your Adversary
Know Your Adversary
AWS News Blog
AWS News Blog
G
Google Developers Blog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
C
CERT Recently Published Vulnerability Notes
O
OpenAI News
Project Zero
Project Zero
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Application and Cybersecurity Blog
Application and Cybersecurity Blog
云风的 BLOG
云风的 BLOG
N
News and Events Feed by Topic
MongoDB | Blog
MongoDB | Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Microsoft Security Blog
Microsoft Security Blog
Cisco Talos Blog
Cisco Talos Blog
P
Palo Alto Networks Blog
Schneier on Security
Schneier on Security

博客园 - 爆牙齿

突然回到这里,瞅瞅还有几个鬼? IE 10 终于走向完美了。 中国互联网的鱼死网破新时代。 前段时间是Flash大战HTML5,现在是SliverLight“被遗弃”,我啊羡慕你们的热闹。 收藏一篇访谈并做笔记:《[独家]与周鸿祎谈乔布斯》 重构之美-浴火重生的火凤凰CSS3【前传:Gradient】 OMG!我居然把新首页设计出来了! 玩得了星际2的电脑,用不了IE9。 微软的 IE9 BOTW 主题站炫吧,在英来网正式版面前,那就是浮云。 和《盗梦空间》无关。 确定:目前 Chrome 517 GPU 的存在目标就是为 3D Transform。 万岁!Chrome 支持 3D Transform 了!!! 难得的截图纪念:星际2白金小组第一。 IE9 Preview 4的CSS3支持。 HTML5前瞻与心得:技术与艺术的纠缠。 爆牙齿的世界杯日记(势不两立) 爆牙齿的世界杯日记(阿根疼啦) 爆牙齿的世界杯日记(玩火巴西焚世界杯) 爆牙齿的世界杯日记(八分之一之巴西区)
正在攻克CSS3难题:radial。【已完美攻克】
爆牙齿 · 2010-09-07 · via 博客园 - 爆牙齿

前天看到一篇博,叫《我不是一个简单的WEB UI》,写得很好,设计也不错,都让我有联系作者的冲动。其中给出的几个设计对比确实就是设计中精益求精的表现。而实际上还会更细致,比如他的局部对比已经可以看见设计差异化了,这让设计师的工作效果瞬间体现出来,也会伴随着一阵成就感。

但是,还有很多更微妙的变化放在局部是看不出来的,必须当一切调整完,有了足够的量变积累,再前后整体上对比的时候才会发现已然不同,才会跳向质变。而这就非常困难了,因为你必须从局部处理起,又无法立竿见影。厚积薄发,那个厚积是要人命的。

噢,扯哪里去了,我要说的是文中的一张对比图。嗯,这个那个,我给iciba打广告了,这事儿有点意思~~~咦,这文居然是9月3日才发表的,很新啊~~~

右边的按钮是不是比左边的靓丽多了去了。我要攻克的就是把这个按钮,CSS3实现。

一直以来我都是用linear线性渐变来处理我们的按钮包括高光,linear线性渐变是非常简单的,效果也不错。问题在于linear没有办法实现右边那种漫射光按钮。radial,我一直知道但是因为一直满足于linear线性渐变就懒得研究。这两天因为重构我们的排行榜加上看见了上面这个按钮,我必须的,必须的攻克,而当我一摸到radial,靠,好烫,居然看不懂,网上也查不到详细资料,一个属性一个属性的试了半天后才找到一些感觉,但是我还是做不出来,还得继续搞。

当我攻克完后,我不但可以把排行榜的这张组合图片删了,而且随后把漫射光通过CSS照进全站后,视觉效果会狠狠上一个档次,这就是我的动力啊,鸡血啊~~~其实下面的效果也是可以用linear实现,因为可以把linear加在border-image上。


发文一小时后,已完美攻克radial,完全吃透包括椭圆光柱的实现!很兴奋有点憋不住了,立刻全面应用,本周争取抽时间写篇文章全面、隆重、详细介绍Gradient:radial~~~