12345678910111213141516171819202122232425262728293031323334353637 |
- .v-ripple__container {
- color: inherit;
- border-radius: inherit;
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- overflow: hidden;
- z-index: 0;
- pointer-events: none;
- contain: strict;
- }
- .v-ripple__animation {
- color: inherit;
- position: absolute;
- top: 0;
- left: 0;
- border-radius: 50%;
- background: currentColor;
- opacity: 0;
- pointer-events: none;
- overflow: hidden;
- will-change: transform, opacity;
- }
- .v-ripple__animation--enter {
- transition: none;
- opacity: 0;
- }
- .v-ripple__animation--in {
- transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
- }
- .v-ripple__animation--out {
- transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
- opacity: 0;
- }
|