Create a Cool Picture Frame Effect with CSS
By setting the CSS border-color property to a transparent color, and setting the background-origin property to border-box you can create a cool picture frame effect. More ...
CSS 3D Rotation Examples
CSS level 3 defines 2D and 3D transforms and one of those transforms is 3D rotations. Just think of the beautiful 3D objects you can design using the 3D rotation transforms. More ...
Easy Three-level Expanding Menu Code
In a previous article, I described an easy method to create an expanding menu similar to Windows Explorer, but with only one level of sub-menus. This article provides code for a similar expanding menu, except with two levels of sub-menus. More ...
Pro CSS Techniques
One thing this book focuses on that is different than the majority of other CSS book is that is stresses creating semantic markup throughout the design and development process. What this means is that the code is free of presentational information using div and span only when absolutely necessary. More ...
How to Center a DIV Within a DIV
CSS example code to center a DIV within a DIV. More ...
Make a Fixed-width Variable-height Round Cornered Box
You have undoubtedly seen websites that display text within round cornered boxes, and, since there is no round cornered html element, you wondered how that was done. In this article, you'll learn precisely how to create such a round cornered box. More ...
How to Use a Starburst on Your Web Page
A starburst is a useful advertising graphic that draws the viewers attention to exclamatory advertising message. It can be entirely graphic, that is, the starbust and the text are all in one graphic image. In this article, I show you how to use a starburst graphic with text that you type in. This has the advantage that you can change the text without editing the graphic. More ...
Code for Horizontal Drop-down Menu Bar
One of the most popular website navigation elements used today is the horizontal drop-down menu bar. Using the code provided in this article, you'll be able to create a menu bar that meets your requirements. You'll be able to easily change the number of main menu and sub-menu items, and to style the menu as you desire. More ...
Using Google Fonts
In the past web designers were restricted to a small group of fonts referred to as web-safe fonts. But now, you can easily link to hundreds, if not a thousand beautiful fonts hosted by Google Fonts. More ...
Easy CSS Tabbed Navigation
Tabbed navigation depicts file folder tabs as a metaphor to navigate a website. In this article I'll provide the code for tabbed navigation based on a list that uses only CSS, and one that uses CSS combined with graphic images. More ...
Easy Floating Menu Code
In this article you learn how to create a floating menu with only a few simple lines of code. You learn how to make the menu float smoothly, and you learn how to give your floating menu 3D buttons and mouseover effects. More ...
Easy CSS 3D Text Effect
You can give high-visibility to specific text on your webpage by giving it a 3d effect. Using the CSS text-shadow property You can easily turn your text to 3D. More ...
