01.body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
02.form,fieldset,input,textarea,p,blockquote,th,td
{
03. padding: 0;
04. [Read More…]
Archive for the css Category
Greyscale Hover Effect w/ CSS & jQuery - Posted 2009年12月26日
A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect.
My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.
Nice List of Open Source Fish Eye Menu - Posted 2009年12月25日
We love Mac, we love Fish Eye Menu. The idea behind a fisheye control is a strip of icons, being vertical or horizontally laid out that reacts to the user’s mouse as it approaches the icon. Here is a list of Nice Fish Eye Menu for you to dowload and use it in your web application.
CSS Dock Menu
35 CSS-based Layouts that Look Awesome - Posted 2009年12月14日
Creattica continues to be a great source of inspiration. Whether you’re there to spark the creative fuse or just browse through some amazing work, it’s well worth checking out what’s new over at Creattica.
Recently, they’ve added a whole bunch of new categories – including one for top-notch CSS work. Here’s a rundown of some of the best work submitted so far.
Creating Thumbnails Using the CSS Clip Property - Posted 2009年12月4日
One of the least used properties in CSS is the Clip property. Clip is part of the visual effects module of CSS 2.1 and its job is to place a visible window on top of an object that is being clipped. It is useful for clipping images and creating thumbnails without having to create additional files. This trick can be used to create square thumbnails, or to create other varieties of thumbnails without actually duplicating files on the server. Here is the rundown.
Clippings are currently only offered in the shape of a rectangle but more shapes might be supported in the future. You can create a rectangle clipping using the rect shape. Using rect requires four coordinates Top, Right, Bottom, Left (TRBL). Let’s take a closer look at how clip calculates the clipping region since it tends to cause some confusion. Keep in mind that the bottom starts from the top, and the right starts from the left.
