- HTML5 Web Application Development By Example Beginner's Guide
- J.M. Gustafson
- 185字
- 2021-08-13 16:50:22
Chapter 2. Let's Get Stylish
"In matters of style, swim with the current; in matters of principle, stand like a rock." – Thomas Jefferson
In this chapter, we will put on our graphic designer hats and do some styling. Right now our task list application that we created in the first chapter works but it looks like something from 2005. We will bring it up to the present and into the future using CSS3 to give it a clean, modern look. We will add rounded corners, shadows, gradients, and transitions using the latest CSS3 features. We will also use CSS sprites to add some images to the task list buttons.
In this chapter we will learn:
- New ways to specify colors in CSS3 and set transparencies
- How to add rounded corners to elements
- How to add shadows to elements and text
- How to draw gradients in element backgrounds
- New CSS3 background properties
- How to use CSS sprites in your applications
- How to use transitions and transforms to add effects to the user interface
- How to dynamically load stylesheets to create customizable user interfaces
推薦閱讀
- Linux核心技術從小白到大牛
- Learning RabbitMQ
- PLC編程及應用實戰
- INSTANT OpenNMS Starter
- Mastering JBoss Enterprise Application Platform 7
- Mastering Docker
- 區塊鏈架構之美：從比特幣、以太坊、超級賬本看區塊鏈架構設計
- 從零開始構建深度前饋神經網絡：Python+TensorFlow 2.x
- Java程序設計入門（第2版）
- Getting Started with hapi.js
- Vue.js 3.x高效前端開發（視頻教學版）
- Scratch編程從入門到精通
- Apache Solr for Indexing Data
- 鋁合金陽極氧化與表面處理技術（第三版）
- R for Data Science Cookbook