An example of a menu using icon that each icon will grow larger when hovering over it.
CSSPlay
CSSPlay is a collection of experiments with Cascading Style Sheets. Since I have created them of a series of years, several do not work correctly. Lack of support from web browers to experimentally support of other browsers to my developing understanding are the more likely reasons why they might fail. I hope to get web designers excited about new features of CSS that the better browsers support so that they will help push those browser into the mainstream and to push them to improve even further.
-
Enlarger Button Menu
-
Mark Your Jump
Show users where they jumped in a page.
-
CSS Pop-Up Menus
CSS based menus that pop-up instead of down.
-
Auto-Hide Sidebar
A simple sidebar that hides it’s items untill you place your mouse over the sidebar tab.
-
Two “Continues” Columns
A simple layout that has two columns that appear to be the same length.
-
Adjacent Menu Effect
A menu effect using the adjacent combinators (’+’ and ‘~’) and hover pseudo-class.
-
Dynamic Sidebar with :target
This is a dynamic sidebar that is created without any JavaScript. This is based on “:target tabs”
and the sidebar from “My WThRemix Contest Entry.” -
My Second WThRemix Contest Entry
This is a second entry for the WThRemix contest.
-
My WThRemix Contest Entry
This was something I threw together in about a day; I found out about the contest five days before the submission date. The page works best in Mozilla 1.3b or higher.
-
:target tabs
Cool effects of tabs using the :target pseudo-class.