|
@@ -60,5 +60,43 @@ export default {
|
|
|
box-shadow: 1px 1px 30px #EF2D02;
|
|
|
}
|
|
|
}
|
|
|
+ @keyframes warn{
|
|
|
+ 0% {
|
|
|
+ -moz-transform: scale(0);
|
|
|
+ -webkit-transform: scale(0);
|
|
|
+ transform: scale(0);
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ -moz-transform: scale(1);
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @-webkit-keyframes warn{
|
|
|
+ 0% {
|
|
|
+ -moz-transform: scale(0);
|
|
|
+ -webkit-transform: scale(0);
|
|
|
+ transform: scale(0);
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ -moz-transform: scale(1);
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @keyframes shink{
|
|
|
+ 0% {
|
|
|
+ opacity: 0;
|
|
|
+ transform: scale(0.5);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ opacity: 1;
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|