Skip to main content

Home/ CSS Evangelist/ Group items tagged rotation

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
yc c

Zachary Johnson in Cyberspace - zachstronaut - 2 views

www.zachstronaut.com

jquery rotation css animation

shared by yc c on 17 Dec 10 - Cached
  • yc c on 17 Dec 10
     
    I have created a monkey patch for jQuery (tested through 1.4.3) which enables you to independently set and/or animate both the scale and rotation of any HTML content with jQuery. This code uses the scale() and rotate() CSS transformations that are only supported by Webkit, Safari, Chrome, Firefox 3.5+, IE9 (Platform Preview 7+), and some versions of Opera at this time.
yc c

Blog | Graphicpeel - iOS Icons Made in Pure CSS - 5 views

blog.graphicpeel.com/...ios-icons-made-in-pure-css

CSS webdev icons

shared by yc c on 28 Jun 10 - Cached
  • yc c on 28 Jun 10
     
    The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv's tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples. In the contacts icon, I used 5 different shapes for the silhouette icon. The head is a rectangle with rounded corners, followed by another rectangle for the neck and a distorted semi-circle for the body. In order to get the curve of the shoulders to the neck, I placed two circles on top of the shapes. The weather icon has several rays of light shooting from behind the sun. Each one of these rays is actually a long rectangle with a gradient that fades to transparent on either end. I used -webkit-transform:rotate to rotate each rectangle to a different angle. The same effect was used for the iTunes icon. To get the cloud icon on the iDisk icon, I used two circles layered on top of each other, above a rounded rectangle. The larger circle has a gradient that cuts off just before the rectangle.
yc c

CSS3 Playground by Mike Plate - 7 views

css3.mikeplate.com

css3 playground

shared by yc c on 11 Aug 10 - Cached
  • yc c on 11 Aug 10
     
    The CSS3 Playground is a web application for experimenting with some new css3 capabilities. Primarily those than conform to the progressive enhancement philosophy, which means that the styles can be used on all sites without severely changing/limiting the experience on browsers that does not support them (=Internet Explorer 8.0 and older). But there are also styles that may need better replacements on Internet Explorer such as rotation, and I hope I will have the time to add more in the future.
mikhail-miguel

an overview of current css layout techniques - 1 views

particletree.com/...-current-css-layout-techniques

css layouts webdev css

shared by mikhail-miguel on 04 Mar 07 - Cached
  • When it comes to understanding the world of standards based design, you have to think medieval. Creating a web site in CSS is like building a manor. You are a lord, setting aside land for specific purposes, hoping the user rotates their content appropriately. Most of you will build villages attracting only a few peasants to comment on various decrees, some of you will build castles and a very small number will build what I can only describe as cathedrals—structures that warrant pilgrimages from thousands across the globe.
  • mikhail-miguel on 05 Mar 18
     
    Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills.
1 - 4 of 4
Showing 20▼ items per page