Beautiful shadows (profiling the jquery homepage) and shadow profiling the jquery Homepage

Beautiful shadows (profiling the jquery homepage) and shadow profiling the jquery Homepage
Jquery

• Download
• API Documentation
• Blog
• Plugins
• Browser Support

At the first glance of the jquery homepage, this glass slag effect was created by the designer using highlights and shadows.

How can we make this feeling?

Step 1: Set the navigation area to translucent and the colorrgba(0,0,0，.1)

Step 2: generate a rounded corner (not important) in the upper left corner and upper right corner)

Step 3: highlight the upper part of the navigation areaborder-top: 1px solid rgba(255,255,255,.3)

Step 3: shadow on the four sides of the navigation areabox-shadow:0 0 5px rgba(0,0,0,.7)

Cloth 4: add the shadow effect in the left navigation areaborder-left: 1px solid rgba(0,0,0,.3)

Good singing is also annoying. There are similar methods on the jquery homepage in many places. If you don't believe it, please look down:

Okokokokkokoko

 

Invisible .... Well, I also bought a magnifier to see it. The effect is similar: I drew a line on the gray rock with a knife, just like .. it is like a word engraved on an ancient monument. The setting is simple. Select the highlight and shadow colors based on the background color. After the color is determined, set the shadow:box-shadow: 0 -1px #000; Set the highlight:border-top: 1px solid #333

Well, I wrote it here. I will continue to add ------------------------- the world ain't all sunshine and rainbows.