gpt4 book ai didi

javascript - 具有圆 Angular 的 CSS 按钮,可对点击使用react

转载 作者:行者123 更新时间:2023-11-28 19:10:06 25 4
gpt4 key购买 nike

我正在尝试创建此处描述的特定 CSS 按钮:

http://www.2shared.com/file/5131551/412bd8a8/Sans_titre-1_copie.html

基本上,它是一个满足以下条件的按钮:

  • 里面的文字是HTML内容(它将包含文字 + 图片)
  • 它有圆 Angular
  • 当鼠标悬停时它会改变颜色
  • 灵活的宽度和高度
  • 这是一个单选按钮,点击按钮上的任意位置即可激活。

有什么想法或引用可以帮助我创建它吗?

最佳答案

http://css-tricks.com/video-screencasts/17-sliding-doors-button/

这是为按钮设置动态/灵活大小的一种很酷的方式,并且将您想要的任何 html 放入其中都不会太难......您必须稍微玩一下 css更多的是着色,但我认为你应该只需要一点创意 css/html。

从构建这个按钮开始,让我们发布您获得的任何 css 结果!

补充:

现在没有时间尝试,但是在带有跨度的 html 中做一个单选按钮、文本和图像,使用该链接进行灵活的尺寸标注,然后在 css 中悬停颜色变化...再次通知我们!

关于javascript - 具有圆 Angular 的 CSS 按钮,可对点击使用react,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/666408/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com