Skip to main content

Home/ CSS Evangelist/ Group items tagged round

Rss Feed Group items tagged

yc c

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

  •  
    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.
Jonathan Mike

CSS3 Rounded Image With jQuery - 0 views

  •  
    The CSS 3 Trick with jQuery to make rounded image
anonymous

25 Rounded Corners Techniques with CSS - 0 views

  • 25 Rounded Corners Techniques with CSS
anonymous

Dave Woods - HTML, CSS, Web Design » Creating Rounded Corner CSS Boxes Using ... - 0 views

shared by anonymous on 05 Apr 08 - Cached
  • Creating Rounded Corner CSS Boxes Using One Image
yc c

RoundedCornr: Rounded Corner and Gradient Generator - 0 views

shared by yc c on 11 Feb 07 - Cached
  •  
    Generate HTML/CSS code and images for rounded corners.
yc c

HTML5 presentation - HTML5 Slides - 10 views

  •  
    Take a walk through the woods and learn about all things HTML5. Starting with the JS APIS (selector API, storage, appcache, web workers, web sockets, notifications, drag and drop, and geolocation). Then delve into the new HTML semantic tags, link relations, micro data, ARIA, forms, audio and video, Canvas, and WebGL. Finally, the holy trinity finishes with CSS and selectors, fonts, text, columns, stroking, opacity, HSL, rounded corners, gradients, shadows, backgrounds, transitions, transforms, and animations.
mikhail-miguel

Even More Rounded Corners With CSS - Schillmania.com - 0 views

  •  
    Galeria de arte, sexualidade e corporalidade, incluindo artigos, poemas, contos, galerias, imagens, telas de Géssica Hellmann, letras de músicas sensuais.
1 - 20 of 33 Next ›
Showing 20 items per page