这是一个创建于 5119 天前的主题，其中的信息可能已经有所发展或是发生改变。
 |
1
Paranoid 2010-11-18 23:44:36 +08:00
相当不错, 不过一度觉得头部区域的渐变和背景不怎么搭.
|
 |
2
sparanoid MOD inner shadow 再浅一些，下面增加一条高光线应该会更好些:)
|
 |
3
vayn 2010-11-18 23:49:34 +08:00
比现在的好看
不过内置搜索这个功能本身太废柴了，倒不如改用CSE... |
 |
4
disinfeqt OP @Sparanoid 其实我是把 nav bar 假想成一个管道，搜索框是一个缺口 ── 你们能 get 到么？
-______- |
|
8
disinfeqt OP Firebug 一下，那个搜索框的底色就是 #Wrapper 的 background-color。
|
 |
9
shawiz 2010-11-19 00:00:16 +08:00
同意底色要加深，文字颜色可以用白色。
|
 |
11
ipopo 2010-11-19 00:32:23 +08:00
http://cl.ly/0R1I102q212F21301T3b
试试，原图用的是D酥的哟。 |
|
15
sparanoid MOD |
 |
16
lianghai 2010-11-19 01:19:39 +08:00
我表示已经被 @Paranoid @Sparanoid 绕晕了……
觉得既然顶上那条已经那么立体了，沿着那个弧面削下去一层也不错——不过这似乎就不是 CSS 能达到的效果了……XD http://cl.ly/3J0F |
 |
21
Livid MOD |
|
22
lianghai 2010-11-19 15:19:43 +08:00 via iPhone
@shawiz ...是的，渐变是很简单的，只是复杂的边缘色彩和阴影没法用 CSS 实现，于是不太适合 V2EX。
|
 |
23
makestory 2010-11-20 00:50:08 +08:00
要实现管道缺口感觉其实不用明显的渐变，颜色稍微深一些就有立体感了。
|
|
25
shawiz 2010-11-20 01:40:04 +08:00
@lianghai 恩，的确会变得很复杂。特别是一个方向的 inner shadow. 我尝试过做一条高度为 1px 的 div, 然后加 box-shadow 实现了个类似的效果。
|
|
26
disinfeqt OP Everything can be done with CSS3.
I haven't used :after or :before pseudo class in this case. |
Select Language