欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

鼠标停在按钮上 按钮变大

程序员文章站 2024-03-25 12:02:58
...

1.这是三个button按钮

	<button class="btn-share">Jack</button>
    <button class="btn-share">love</button>
    <button class="btn-share">Rose</button>

2.下面是css样式

	.btn-share{
		transition: all 0.3s;
	}
	.btn-share:hover{
	    transform: scale(1.3);
	}

3.以下是效果图
鼠标悬浮在love上,love按钮变大
鼠标停在按钮上 按钮变大

以上均可参考MDN进行学习

相关标签: html5 css3