Tried to make a Brushed Metal style in CSS3. The texture is done by using 3 repeating-gradients with different length. That makes it look somewhat random. For the linear version, browser support is pretty ok, but for the radial one it’s not quite there yet. I think only in Safari 5.1 and Chrome Windows. In addition I tried to add a conical gradient for the circle with just faking it with ellipse gradients. It’s ok for low contrasts and if you cover the middle part with an icon or so.. hehe.. ;-P A much more real looking technique is used in this experiment, but I believe it currently only works in Safari and Chrome Windows. Let’s hope that CSS4 will add support for real conical gradients. See live Demo.

Tried to make a Brushed Metal style in CSS3. The texture is done by using 3 repeating-gradients with different length. That makes it look somewhat random. For the linear version, browser support is pretty ok, but for the radial one it’s not quite there yet. I think only in Safari 5.1 and Chrome Windows.

In addition I tried to add a conical gradient for the circle with just faking it with ellipse gradients. It’s ok for low contrasts and if you cover the middle part with an icon or so.. hehe.. ;-P A much more real looking technique is used in this experiment, but I believe it currently only works in Safari and Chrome Windows. Let’s hope that CSS4 will add support for real conical gradients.

See live Demo.

  1. debtconsol-dat-onloan-me-14 reblogged this from simurai
  2. wire-rod reblogged this from simurai
  3. imaboyandjuszakidd reblogged this from simurai
  4. stickers-muraux reblogged this from simurai
  5. animal--sex reblogged this from simurai and added:
    my buddies are all here
  6. un-pret-immobilier reblogged this from simurai
  7. une-assurance-auto reblogged this from simurai
  8. mutuelle-en-france-officiel reblogged this from simurai
  9. pneu-moins-cher reblogged this from simurai
  10. maillot-de-football-pas-cher reblogged this from simurai
  11. ac-voyage reblogged this from simurai
  12. achat-de-pneu-pas-cher reblogged this from simurai
  13. halong-dragon-cruise reblogged this from halong-paloma-cruise
  14. halong-paloma-cruise reblogged this from simurai
  15. attention-vendeur-de-reve reblogged this from simurai
  16. japanese-av reblogged this from simurai
  17. poele-a-bois-et-granules reblogged this from torty123
  18. ben-sturtevant-lightyear reblogged this from simurai
  19. happywormy reblogged this from simurai
  20. le-pneu-pas-cher reblogged this from simurai
  21. euvreau reblogged this from drzhubuakrok
  22. referencement-caen reblogged this from simurai
  23. blacktiecollective reblogged this from tochigi-japan
  24. okadapan reblogged this from simurai
  25. assurance-en-ligne reblogged this from jesseddy
  26. tochigi-japan reblogged this from ninedaysoff
  27. florida-windows-and-doors reblogged this from simurai
  28. gun-purse reblogged this from simurai
  29. nursing-schools-x reblogged this from simurai
  30. travelsim reblogged this from simurai
  31. poele-a-granule reblogged this from simurai and added:
    Mais le granulés de bois léger poele granulés de boisbois. De la lumière de la de chauffage chauffage aux granulés....
  32. prowthish-istoselidon reblogged this from simurai
Feed me