ABPCMS.Web/lib/Waves/src/sass/waves.sass

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE

=waves-transition($transition)
  -webkit-transition: $transition
  -moz-transition: $transition
  -o-transition: $transition
  transition: $transition

=waves-transform($string)
  -webkit-transform: $string
  -moz-transform: $string
  -ms-transform: $string
  -o-transform: $string
  transform: $string

=waves-box-shadow($shadow)
  -webkit-box-shadow: $shadow
  box-shadow: $shadow

.waves-effect
  position: relative
  cursor: pointer
  display: inline-block
  overflow: hidden
  -webkit-user-select: none
  -moz-user-select: none
  -ms-user-select: none
  user-select: none
  -webkit-tap-highlight-color: transparent

  .waves-ripple
    position: absolute
    border-radius: 50%
    width: 100px
    height: 100px
    margin-top: -50px
    margin-left: -50px
    opacity: 0
    background: rgba(0, 0, 0, 0.2)

    $gradient: rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%

    background: -webkit-radial-gradient($gradient)
    background: -o-radial-gradient($gradient)
    background: -moz-radial-gradient($gradient)
    background: radial-gradient($gradient)

    +waves-transition(all 0.5s ease-out)

    -webkit-transition-property: -webkit-transform, opacity
    -moz-transition-property: -moz-transform, opacity
    -o-transition-property: -o-transform, opacity
    transition-property: transform, opacity