首页 > 其他分享 >CSS实现按钮点击时缩小后放大的效果

CSS实现按钮点击时缩小后放大的效果

时间:2022-09-28 17:44:19浏览次数:51  
标签:button transform down 点击 按钮 android CSS

        #down_button_android {
            width: 100%;
            transition: transform 0.3s;
        }

        #down_button_android:active {
            transform: scale(0.8);
        }

对按钮设置id:down_button_android,并设置以上的CSS的样式即可。 

标签:button,transform,down,点击,按钮,android,CSS
From: https://www.cnblogs.com/hbolin/p/16739006.html

相关文章

  • 05.css
    概述引用方式内部样式表外部样式表......
  • CSS 单位解析
    说起CSS单位,我们最常用的可能就是像素单位(px),它是一个绝对单位,也就是说一个10px的文字,放在哪里都是一样大的。单位可以影响颜色、距离、尺寸等一系列的属性。CSS中单位的......
  • 【开发小技巧】01-如何使用JavaScript删除CSS属性?
    句法:element.removeProperty('property')实例1:<!DOCTYPEhtml><html><head><title>HowtoremoveCSSpropertyusingJavaScript?</title><style>......
  • 【开发小技巧】09—如何使用HTML和CSS将文字环绕在图片上?
    英文| https://www.geeksforgeeks.org/how-to-wrap-the-text-around-an-image-using-html-and-css/?ref=rp翻译|web前端开发(ID:web_qdkf)对于任何类型的网站,在文字周围包......
  • CSS属性vertical-align
    一、简介vertical-align的意思是在垂直方向进行对齐。它主要对以下属性有效:inline元素inline-block元素table-cell元素::first-letter和::first-line取......
  • CSS篇四
    一、CSS的引入方式按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分文三大类:行内样式表(行内式)、内部样式表(嵌入式)、外部样式表(链接式)1.内部样式表内部样式表(内嵌样式表......
  • HTML&CSS-盒模型运用居中方式合集
    方法:定位,外边距,内边距,层级,边框;一个元素;两个元素;三个元素.<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatibl......
  • js 倒计时按钮可用
    HTML<aclass="btnbtn-default"id="enterBtn"disabledstyle="margin-top:2rem"href="legalnewform.html">已知晓,进入法律咨询<spanid="countDown"styl......
  • 6 个可以在 CSS 代码中使用的CSS 函数
    英文 |https://javascript.plainenglish.io/6-useful-css-functions-every-web-developer-should-know-4be9ad59183f翻译|杨小爱CSS是每个Web开发人员必备的样式表语......
  • 5个常见的CSS错误,你一定要注意避免
    英文| https://javascript.plainenglish.io/5-common-css-mistakes-that-you-need-to-avoid-53e51ed98d04翻译|杨小二CSS是每个Web开发人员必须掌握的技能,以便设计网......