CSS3是一種新的CSS版本,為網頁設計師提供了更多的創意和功能。CSS3允許網頁設計師創建基于觸摸的交互效果。
html { touch-action: manipulation; }
上面的代碼告訴瀏覽器頁面使用基于觸摸的交互效果。
CSS3觸摸效果包括下面幾種:
1. 觸摸反應
a:hover { color: white; background-color: black; border-radius: 20px; }
2. 拖拽
img { width: 50%; -webkit-user-drag: element; user-drag: element; }
3. 二指縮放
img { transform-origin: top left; } img:active { transform: scale(2); }
以上三種CSS3觸摸效果可以大幅提高網頁的交互性和吸引力。除此之外,CSS3還提供許多其他的觸摸效果,網頁設計師可以根據自己的需要進行選擇和使用。
上一篇css3 視頻聲音