text＃2-按钮(代码片段)

关键词：

#2 - Button
-----------
Button Hover Shutter Out Vertical

A [Pen](https://codepen.io/futemma/pen/gZWYRO) by [futemma](https://codepen.io/futemma) on [CodePen](https://codepen.io).

[License](https://codepen.io/futemma/pen/gZWYRO/license).

a.button.button-primary.hover-shutter-out-vertical(href='#')
  span Button

.button-primary
  background #333
  box-sizing border-box
  color #fff
  line-height 1.5
  padding 15px 10px
  text-align center
  transition color 0.3s
  width 200px

  span
    position relative

.hover-shutter-out-vertical
  position relative

  &::before, &::after
    absolute bottom left
    content ''
    size 100%
    transition all 0.3s

  &::before
    background #fff
    opacity 0
    transform scale(1, 0.1)

  &:hover
    color #333

    &::before
      opacity 1
      transform scale(1, 1)

    &::after
      opacity 0
      transform scale(1, 0.1)

<link href="https://codepen.io/futemma/pen/REpRLV" rel="stylesheet" />

text按钮底座(代码片段)

查看详情

text造型按钮(代码片段)

查看详情

text＃3-按钮(代码片段)

查看详情

tkinter页面卡死(代码片段)

  1、如果点击按钮，运行了一个比较耗时的操作，那么界面会卡死importtkinterastkimporttimedefonclick(text,i):time.sleep(3)text.insert(tk.END,‘按了第个按钮‘.format(i))root=tk.Tk()text=tk.Text(root)text.pack()tk.Button(root,text=‘按钮1‘,command=lambda:... 查看详情

text创建一个按钮(代码片段)

查看详情

text回到顶部按钮(代码片段)

查看详情

text导航按钮动画(代码片段)

查看详情

text导航按钮动画(代码片段)

查看详情

text过滤按钮（类）(代码片段)

查看详情

text＃1-菜单按钮(代码片段)

查看详情

text滚动按钮单击(代码片段)

查看详情

text阻止按钮重定向(代码片段)

查看详情

text单击按钮切换内容(代码片段)

查看详情

text过滤按钮（现在制作）：(代码片段)

查看详情

text可访问菜单按钮(代码片段)

查看详情

text重定向按钮单击(代码片段)

查看详情

text灰色的ssl按钮(代码片段)

查看详情

text带动画的按钮(代码片段)

查看详情