FFan丶Blog / CSS / / 缩放：scale()

缩放：scale()

分类：CSS 发布时间：2021-04-14 14:53:21来源：FFan丶Blog
在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。 语法： transform: scaleX(x);         /*沿X轴方向缩放*/ transform: scaleY(y);         /*沿Y轴方向缩放*/...

在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。

语法：

transform: scaleX(x);         /*沿X轴方向缩放*/

transform: scaleY(y);         /*沿Y轴方向缩放*/

transform: scale(x, y);        /*沿X轴和Y轴同时缩放*/

说明：

跟translate()方法类似，缩放也有3种情况：scaleX()、scaleY()、scale()。参数x表示元素在x轴方向的缩放倍数，参数y表示元素在y轴方向的缩放倍数。

当x或y取值为0~1之间时，元素进行缩小；当x或y取值大于1时，元素进行放大。

上一篇：CSS3 :nth-child() 选择器

下一篇：CSS实现p标签设置text-indent文本缩进后，图片img不缩进

相关文章

猜你喜欢

  • 手机站点击后显示菜单

    要实现手机站点击后显示菜单的功能，通常需要结合HTML、CSS和JavaScript来编写代码。下面是一个简单的例子，展示了如何实现这一功能： HTML结构： html <!DOCTYPE html>

    部分JS效果2024-03-25
  • icms7文章内随机图片（利用icms广告系统）

    1.打开文章内广告 后台>系统>应用管理>钩子管理>文章系统方法修改为正文插入广告 2.修改广告系统文件 /app/plugin/plugin_textad.class.php 修改

    ICMS2025-02-12
  • 文件批量重命名

    以jpg图片为例 使用PowerShell（高级批量命名） cd "图片文件夹路径" $i=1 Get-ChildItem *.jpg | ForEach-Object {     Rename-Item $_ -NewName ("风景_{0:D1}.jpg" -f $i++)

    其他2025-08-06
  • ICMS8部分标签

    文章列表 文章标题：<!--{$article_list.title}--> 文章链接：<!--{$article_list.url}--> 图片属性：pic="true" 随机排序：orderby="rand" 行号 (从1开始)：<!--{$article_list.rownum}--> 

    ICMS2026-01-14
  • 迅睿CMS重置后台密码

    admin后台密码忘记重置方法 1、通过PHPmyadmin工具管理数据库 2、找到表dr_member，找到admin账号记录 3、将password值改为： 62e69b828c74c50a1f6e93227cdf7e77 3、将salt值改为：

    迅睿CMS2026-03-01