1. simurai:

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.

    simurai:

    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. thehiddenwiki reblogged this from simurai
    2. florida-windows-and-doors reblogged this from simurai
    3. gun-purse reblogged this from simurai
    4. nursing-schools-x reblogged this from simurai
    5. travelsim reblogged this from simurai
    6. 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....
    7. prowthish-istoselidon reblogged this from simurai
    8. oif-vet reblogged this from simurai and added:
      Very cool brushed aluminum effect
    9. kataskeuh-istoselidon reblogged this from simurai
    10. 1article-mania reblogged this from simurai
    11. watchmecater reblogged this from simurai
    12. tapisdorientpascher reblogged this from simurai
    13. free-software-downloads reblogged this from simurai
    14. the-topten reblogged this from simurai
    15. vita-cheats reblogged this from simurai
    16. console-wii-u reblogged this from simurai
    17. nhmortgagebroker reblogged this from simurai
    18. mayritaxo reblogged this from simurai
    19. wiiopsunday reblogged this from simurai
    20. lennel reblogged this from simurai
    21. dansantucci reblogged this from simurai and added:
      Amazing result. :)
    22. designloveinspiration reblogged this from simurai and added:
      create this buttons, rather then...animate it. HTML
    23. jasonlennstrom reblogged this from simurai
    24. zlul reblogged this from simurai
    25. mauvedeity reblogged this from simurai
    26. torty123 reblogged this from simurai and added:
      CSS. Noch nicht ganz perfekt aber schon sehr hübsch. simurai:
    27. jkresearch reblogged this from simurai
    28. feeeeeeelix reblogged this from simurai