css 移动端交互效果 |jq css3 滚动效果

在移动端，如何优雅地使用CSS实现交互效果，成为了许多设计师和开发者所关注的问题。以下是一些常用的CSS技巧，帮助你创建出更加丰富的交互效果。

/*禁用手机默认样式*/
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
/*触摸元素时，添加active类并应用样式*/
a:active, 
button:active {
background-color: #E5E5E5;
}
/*使用伸展动画*/
.stretch {
transition: transform .3s;
}
.stretch:active {
transform: scale(1.1);
}

以上代码演示了禁用默认样式、添加active类和应用样式、使用伸展动画等技巧。这些技巧均为CSS的基础应用，但却可以为你的移动端设计增色不少。

因此，加强对CSS移动端交互效果的掌握，将会为你带来更加出色的设计和用户体验。