CSS Transparency Settings for All Browsers. Fun With CSS Shapes. I bet a bunch of you don't realize that we can create the illusion of shapes by using 100% CSS.
By utilizing the border property in creative ways, we can make some really interesting polygons. In this week's screencast, we'll figure out a way to create speech-bubbles without resorting to background images. Most of us, by now, are familiar with using the "-moz-border-radius" and "-webkit-border-radius" properties to create rounded corners - or even complete circles - but there are other techniques to create more complicated shapes. Traditional Speech-Bubble. The Shapes of CSS. Learn Development at Frontend Masters CSS is capable of making all sorts of shapes.
Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need.
CSS 3. Css工具. jQuery Waypoints.