Karlcarlo
0060b2798f
添加多个前端界面所需的图片、字体、音频等静态资源文件，包括： - 管理员后台的图标、背景图、组件图片 - 移动端页面的商品图片、用户中心图片、活动图标 - 第三方库的示例图片和字体文件 - 浏览器兼容性配置文件 - 图标字体文件（eot、ttf、woff、woff2格式） 这些资源是前端界面正常显示所必需的，之前可能因版本控制忽略或遗漏而缺失。
120 lines
1.9 KiB
CSS
120 lines
1.9 KiB
CSS
/**
|
|
* 按钮的点击动画效果,2018年1月12日09:36:48
|
|
**/
|
|
.click {
|
|
-webkit-transition: -webkit-box-shadow .8s;
|
|
transition: box-shadow .8s;
|
|
}
|
|
|
|
.click {
|
|
-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
-webkit-animation: gelatine 0.5s;
|
|
animation: gelatine 1s;
|
|
animation-iteration-count: infinite;
|
|
/* -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
|
|
box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
|
|
-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
-webkit-animation: gelatine 0.5s 1;
|
|
animation: gelatine 0.5s 1; */
|
|
}
|
|
|
|
.click {
|
|
-webkit-transition-duration: 0;
|
|
transition-duration: 0;
|
|
}
|
|
|
|
/**
|
|
* $keyframes \ gelatine
|
|
**/
|
|
@keyframes gelatine {
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.5);
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes gelatine {
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.5);
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|