官术网_书友最值得收藏!

Summary

In this chapter, we learned about some of the new CSS3 features that can be used to make your applications pop and provide a lot of visual feedback to the user. We updated our tasklist application by adding rounded corners and shadows to the task elements, and adding images to the task tool buttons. We added a gradient to the background and a theme selector to allow the user to change the color scheme. We also added some transitions to make changes look more natural.

We covered the following concepts in this chapter.

  • How to define colors with transparencies in CSS3
  • How to give elements rounded corners
  • How to add shadows to elements and text
  • How to create linear and radial gradients
  • How to use CSS3 transitions and transforms to create visual effects
  • How to use CSS sprites to reduce the network footprint of your applications
  • How to dynamically load stylesheets
  • How to make your application fill the entire window

One last thing before we go on. Let me leave you with a word of warning. Just because CSS3 has all of these great effects, it doesn't mean you have to use them all in your application. Every text doesn't need a shadow, you don't need to make your backgrounds have rainbow-colored gradients, and every element doesn't need to be rotated 30 degrees. Judicious use of these effects will make your application look professional; overuse will make them look comical.

In the next chapter, we will take our task list application to the next level by adding a details section to each task that uses some of the new HTML5 input types. We will also learn how to use custom data attributes to bind the data model to input elements.

主站蜘蛛池模板: 关岭| 阿鲁科尔沁旗| 新田县| 孟津县| 宜良县| 延安市| 丹寨县| 旺苍县| 新邵县| 寿宁县| 石首市| 宁安市| 健康| 玉树县| 芦山县| 嵊州市| 贺兰县| 临高县| 海城市| 涪陵区| 同德县| 西乌珠穆沁旗| 万宁市| 武功县| 仙居县| 黑龙江省| 禄劝| 海口市| 江达县| 建德市| 虞城县| 海南省| 凤山市| 大名县| 富裕县| 永吉县| 崇明县| 长海县| 西盟| 遵义县| 比如县|