New prof
This commit is contained in:
@@ -96,37 +96,17 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
|
||||
.avatar {
|
||||
width: 144px;
|
||||
height: 144px;
|
||||
border-radius: 50%;
|
||||
background: radial-gradient(circle at 30% 30%, #fde68a, #f59e0b);
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 28px;
|
||||
overflow: hidden;
|
||||
background: white;
|
||||
box-shadow: 0 10px 20px rgba(245, 158, 11, 0.28);
|
||||
}
|
||||
.avatar.speaking { animation: pulse 0.7s infinite alternate; }
|
||||
.face { width: 90px; }
|
||||
.eyes {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
.eyes span {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: #1f2937;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.mouth {
|
||||
width: 44px;
|
||||
height: 10px;
|
||||
background: #7c2d12;
|
||||
border-radius: 999px;
|
||||
margin: 0 auto;
|
||||
transition: all 0.15s ease;
|
||||
}
|
||||
.mouth-speaking {
|
||||
width: 34px;
|
||||
height: 24px;
|
||||
border-radius: 0 0 999px 999px;
|
||||
.avatar-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.avatar-caption { font-weight: 700; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user