H5移动web页面触摸按钮效果实现-模拟按钮hover效果实现_h5 csstouch效果怎么实现

作者：2023面试高手 | 2024-02-16 22:27:14

踩

h5 csstouch效果怎么实现

移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个比较好体验，但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，还好国外有个激活css的active效果，代码如下：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<style>
		 .btn{
		 	display: block;
		 	position: relative;
		 	top: 100px;
		 	margin: 20px;
		 	width: 200px; 
		 	height: 50px;
		 	line-height: 50px;
		 	text-align: center;
		 	border-radius: 5px;
		 	font-size: 18px;
		 	color: salmon;
		 	background-color:

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/97276