link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

开心的苦咖啡 · Visual Studio Code 中的 ...· 2 周前 ·

独立的冰棍 · CSS 动画与 JavaScript 动画 ...· 2 周前 ·

爱旅游的手套 · CSS / ...· 1 周前 ·

爱逃课的毛豆 · Re: [問題] ...· 1 周前 ·

爱听歌的鞭炮 · 【现代 CSS】标准滚动条控制规范 ...· 昨天 ·

淡定的匕首 · 获取系统时区与时间戳-CSDN博客· 3 月前 ·

安静的八宝粥 · ICCV, ECCV, ...· 6 月前 ·

追风的水煮鱼 · java生成32位唯一编号 - CSDN文库· 8 月前 ·

讲道义的鸡蛋 · 中国建筑一局（集团）有限公司2024届宣讲会· 9 月前 ·

潇洒的煎鸡蛋 · 数值 Spinner | ...· 9 月前 ·

css怎样设置点击时文字放大缩小效果

文章 2022-05-14 62 人已阅来源：网络

在css中，可以利用“:active”选择器和“font-size”属性来设置文字点击时的放大缩小效果，语法为“图片元素:active{font-size:放大缩小比例值;}”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css怎样设置点击时文字放大缩小效果

在css中可以利用“:active”选择器和font-size属性来设置奠基石文字大小放大缩小效果，:active”选择器用于设置鼠标点击元素时的样式，font-size属性用于设置字体的大小。

下面我们通过示例来看一下怎样实现点击文字放大缩小的效果，示例如下：
<!DOCTYPE html>
<meta charset="UTF-8">
<title>css设置鼠标点击字体变大缩小</title>
<style type="text/css">
.font-big:active{
font-size:200%;
.font-small:active{
font-size:50%;
</style>
</head>
<div class="font-big">
鼠标点击放大
<div class="font-small">
鼠标点击缩小
</body>
</html>
输出结果：

（学习视频分享：css视频教程）

以上就是css怎样设置点击时文字放大缩小效果的详细内容！

推荐文章

开心的苦咖啡 · Visual Studio Code 中的 Emmet_Vscode中文网

2 周前

独立的冰棍 · CSS 动画与 JavaScript 动画 | Articles | web.dev

2 周前

爱旅游的手套 · CSS / 幫表格加入橫向捲軸，讓超出螢幕寬度的表格不會擠成一團 – Charles Note

1 周前

爱逃课的毛豆 · Re: [問題] css排版問題，表格超出div範圍? - 看板 Web_Design - 批踢踢實業坊

1 周前

爱听歌的鞭炮 · 【现代 CSS】标准滚动条控制规范 scrollbar-color 和 scrollbar-width - ChokCoco

昨天

淡定的匕首 · 获取系统时区与时间戳-CSDN博客

3 月前

安静的八宝粥 · ICCV, ECCV, CVPR，IEEE的关系_iccv论文是什么级别-CSDN博客

6 月前

追风的水煮鱼 · java生成32位唯一编号 - CSDN文库

8 月前

讲道义的鸡蛋 · 中国建筑一局（集团）有限公司2024届宣讲会

9 月前

潇洒的煎鸡蛋 · 数值 Spinner | Honeycomb Design

9 月前