这篇博客展示了如何使用CSS3创建一个鼠标悬停时文字放大缩小的动画效果。通过定义不同的过渡属性和选择器，实现了当鼠标滑过菜单项时，主标题颜色改变，字体大小减小，而子标题颜色变为白色，字体大小增大的动态效果。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3动画效果</title>
<style type="text/css">
body{
color: #333;
font-family: 'Terminal Dosis', Arial, sans-serif;
font-size: 13px;
}
a{
color:#fff;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
<html>
<head>
<meta charset="utf-8">
<title>CSS3动画效果</title>
<style type="text/css">
body{
color: #333;
font-family: 'Terminal Dosis', Arial, sans-serif;
font-size: 13px;
}
a{
color:#fff;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
最低0.47元/天 解锁文章
扫一扫
870
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
