CSS
Get flash to fully experience Pearltrees
Let's create some interesting and modern styles for block quotes. We'll be using different techniques for creating a unique look for six examples. View demo Download source Today we are going to create some fancy block quote styles. Using textures, circles, and pseudo-elements, we can put some life into quotations and testimonials.
Modern Block Quote Styles
Text Rotation with CSS
Once again, after reading somebody else's article , I felt inspired to put together an alternative example. In this case: Text Rotation. Within the article I linked to, the example uses an image sprite and a sprinkle of CSS to get things positioned right. Well, maybe not so much a sprinkle. It's like the top fell off the pepper shaker and you've suddenly got a large pile of pepper on your food.
Published by Chris Coyier Pseudo class selectors CSS selectors with a colon preceding them. You are probably very familiar with a few of them.
Meet the Pseudo Class Selectors
The recent browser versions of Firefox, Google Chrome, Internet Explorer, Opera and Safari are now supporting much of the CSS3 spec. Here I am going to describe the table display property. To align data in a tabular structure we have previously used tables using the HTML tags <table>, <tr>, <td> , nonetheless we all know that by using that we are violating the latest web standards, right? So I’m just going to introduce you a new way to code it using nothing else than div tags with the CSS3 table layout, so that the data will appear just like a table.
P. Ziecina - Tutorials - CSS3 table layout
Page last changed today Only Safari supports multiple background images. Explorer Mac shows the second background image. This is a test page for multiple backgrounds on one element. The test DIV below has two background images.
CSS2 - Multiple background images
This Is How We Do It Using CSS animations in Safari, we're able to turn an otherwise ordinary button into a glowing, radioactive mess of awesome. Don't see the radioactive above?
Radioactive Buttons with CSS Animations and RGBa - ZURB Playground - ZURB.com
Published by Chris Coyier These "sliding" style navigation bars have been around a while, I just thought I'd take a crack at doing it myself as the opportunity came up recently. Turns out it's really pretty darn easy. I put two examples together for it. The Idea
jQuery MagicLine Navigation
Note: The files "reset.css" and "reset-context.css" are deprecated, use "cssreset.css" and "cssreset-context.css" instead. The foundational CSS Reset removes the inconsistent styling of HTML elements provided by browsers. This creates a dependably flat foundation to build upon.
CSS Reset
Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable. There are two main techniques that are extolled: Size with px Size with em
Font sizing with rem
Rem - CSS3's alturnative to the em. An overview of this new method of controling front sizes. by Mar 14
CSS3 Gradient Buttons
Last week I talked about Cross-Browser CSS Gradient . Today I'm going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values.