26 lines
524 B
CSS
26 lines
524 B
CSS
/* 浮动标签动画样式 */
|
|
.input-group {
|
|
position: relative;
|
|
}
|
|
|
|
.input-group .floating-label {
|
|
position: absolute;
|
|
top: 14px;
|
|
left: 16px;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.input-group .floating-label span {
|
|
display: inline-block;
|
|
font-size: 1.1rem;
|
|
color: #888;
|
|
transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
min-width: 5px;
|
|
}
|
|
|
|
.input-group input:focus + .floating-label span,
|
|
.input-group input:not(:placeholder-shown) + .floating-label span {
|
|
color: #30a8f7;
|
|
transform: translateY(-35px);
|
|
}
|