为了账号安全,请及时绑定邮箱和手机立即绑定

如何制作一个将背景变成渐变的按钮?

如何制作一个将背景变成渐变的按钮?

郎朗坤 2022-10-08 15:03:56
当您按下按钮时,我无法获得应该使背景变为绿色的原始代码,并且我无法弄清楚如何将渐变添加为颜色。请帮忙!这是我的代码:<html>  <body>    <button onclick="myFunction()">Green <em>Gradient</em></button>    <script>      function myFunction()      */I want this to be a gradient, but I cant figure out how/*{   document.body.style.backgroundColor= "green";}    </script>  </body></html>
查看完整描述

2 回答

?
一只萌萌小番薯

TA贡献1795条经验 获得超7个赞

只是一个示例,您可以根据自己的喜好进行编辑。


/*I want this to be a gradient, but I cant figure out how*/

function myFunction(){ 


  document.body.style.background= "linear-gradient(90deg, rgba(212,211,222,1) 0%, rgba(186,215,209,1) 26%, rgba(0,255,44,1) 100%)";

}

<html>

  <body>

    <button onclick="myFunction()">Green <em>Gradient</em></button>

  </body>

</html>


查看完整回答
反对 回复 2022-10-08
?
潇湘沐

TA贡献1816条经验 获得超6个赞

/*I want this to be a gradient, but I cant figure out how*/

function myFunction(){ 


  document.body.style.background= "linear-gradient(90deg, rgba(212,211,222,1) 0%, rgba(186,215,209,1) 26%, rgba(0,255,44,1) 100%)";

}

<html>

  <body>

    <button onclick="myFunction()">Green <em>Gradient</em></button>

  </body>

</html>


查看完整回答
反对 回复 2022-10-08
  • 2 回答
  • 0 关注
  • 179 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号