Grey CSS3 WP-PageNavi Buttons

Today I made some custom grey CSS3 buttons for the WP-pagenavi plugin. You get two CSS files in this download. One style is rounded and the other has a more button feel to it. You can easily change the CSS3 gradient colors by visiting Colorzilla and choosing a color you like. Scroll to the bottom and see a rounded WP-pagenavi example:

CSS3:Background Opacity

This is nothing new to all you CSS Ninjas. Here we will take a look at background opacity. I will show you how I achieved the look that you see if you click the demo link below. demo For the opacity effect I used rgba. The a is for alpha. 191, 121, 0, 0.2 is the setting that you adjust for the amount of opacity you want to achieve. background: rgba(191, 121, 0, 1.0); background: rgba(191, 121, 0, 1.0); Opacity set to 1.0 background: rgba(191, 121, 0, 0.5); Opacity set to 0.5 background: rgba(191, 121, 0, 0.1); Opacity set to

Read More