openkylin
/
ura-components
mirror of https://gitee.com/openkylin/ura-components.git
9
0
Fork 0
Code Issues Projects Releases Wiki Activity

TASK: #116148 点击按键闪动特效

This commit is contained in:
duanzhijiang 2022-10-17 16:30:23 +08:00
parent 5a0962e712
commit e75e350ffe
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/digicipher/digicipher-style.ts
View File

@ -73,13 +73,14 @@ export const sharedStyles: CSSResult = css`
content: '';
display: none;
position: absolute;
top: 2px;
left: 1px;
top: 0px;
left: 0px;
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #ffffff;
opacity: 0.35;
opacity: 0;
animation: flash 0.3s;
}
.block::before {
@ -181,4 +182,16 @@ export const sharedStyles: CSSResult = css`
transform: translate(-50%, -300%);
}
}
/* 点击按键闪动特效 */
@keyframes flash {
0% {
opacity: 0.55;
transform: scale(0.9);
}
100% {
opacity: 0;
transform: scale(1.3);
}
}
`