O'Reilly logo

Learning Modernizr by Adam Watson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Frame 5 – putting it all together and making it rain

In this section, we'll be doing the following:

  • Creating the rain function and making it rain
  • Creating the rain drops using border-radius

This last frame is all about fun. What we're going to do is use JavaScript to find each feature that passed the feature test, make that a rain drop, and make it fall out of the cloud. We're literally going to have Modernizr make it rain features.

Caveats

This final frame is built exclusively on WebKit browsers such as Google Chrome and Safari. This is because we're building things not available on many of today's browsers and with feature testing properly in place we're dealing with features that wouldn't be seen at all. These features would only be shown once the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required