/ittf/site/t/css/cards-2.css.html.ittf (primary)

                                            
   1 $group
   2     import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext")
   3     $*
   4     < *
   5         padding 0
   6         margin 0
   7         box-sizing border-box
   8         font-family "Poppins", sans-serif
   9     < body
  10         background-color #343a40
  11         display flex
  12         justify-content center
  13         align-items center
  14         min-height 100vh
  15         user-select none
  16     *$
  17     . card
  18         border-radius 10px
  19         filter drop-shadow(0 5px 10px 0 #ffffff)
  20         width 300px
  21         height 100px
  22         background-color #ffffff
  23         padding 20px
  24         margin 10px
  25         position relative
  26         z-index 0
  27         overflow hidden
  28         transition 0.6s ease-in
  29     . card::before
  30         content ""
  31         position absolute
  32         z-index -1
  33         top -15px
  34         right -15px
  35         background #7952b3
  36         height 220px
  37         width 25px
  38         border-radius 32px
  39         transform scale(1)
  40         transform-origin 50% 50%
  41         transition transform 0.25s ease-out
  42     . card:hover::before
  43         transition-delay 0.2s
  44         transform scale(40)
  45     . card:hover
  46         color #ffffff
  47     . card p
  48         padding 10px 0