1-12. CSS 新增功能與範例再學習 (依需求挑選學習)

<button>按鈕</button>

button { font-size: 20px; padding: 10px 20px; margin: 10px; 
          border-radius: 5px; cursor: pointer;  
          transition: all 2s; }

button:hover { background-color: hotpink; }

<div><img src="../images/flower/f1.jpg"></div>

div     { width: 200px; height: 200px; overflow: hidden; }
div img { width: 100%; height: auto; transition: all 2s; }

div img:hover { transform: scale(5); opacity: 0.2; }