JavaScript之点击改变图片形状（transform的应用）

最新推荐文章于 2023-03-27 15:01:17 发布

VIP文章知识进脑的肖老千啊

最新推荐文章于 2023-03-27 15:01:17 发布

阅读量1.2k

点赞数 2

分类专栏： HTML JS 文章标签： javascript html

本文链接：https://blog.csdn.net/m0_50481455/article/details/116208016

版权

JavaScript之点击改变图片形状（transform的应用）

附上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>transform的运用</title>
    <style type="text/css">
        #box{
    
            width: 50px;
            height: 50px;
            background-color: red;
            /*traslate 位移  rotate 旋转幅度   scale 放大幅度   skew倾斜*/
            /*transform: translate(100px,200px) rotate(20deg) scale(2.0) skew(10deg);*/
        }
    </style>
</head>
<body>
    <button id="btn">形变</button>
    <div id="box"></div>
    <script>
        window.

最低0.47元/天解锁文章

优惠劵

知识进脑的肖老千啊

关注关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之点击改变图片形状（transform的应用）

JavaScript之点击改变图片形状（transform的应用）附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>transform的运用</title> <style type="text/css"> #box{ width: 50px;
复制链接

扫一扫