Неоновый Говорящий Аватар
Говорящий Аватар
1
Как работает синхронизация губ:
Аватар анализирует гласные звуки в речи и меняет форму рта в соответствии с произносимыми звуками.
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500&display=swap');
body {
font-family: 'Roboto', sans-serif;
scroll-behavior: smooth;
background-image: url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?auto=format&fit=crop&w=1471&q=80');
background-attachment: fixed;
background-size: cover;
color: #ffffff; /* Белый цвет текста по умолчанию */
}
#casing {
background-color: rgba(17, 24, 39, 0.8); /* bg-gray-900/80 */
backdrop-filter: blur(4px);
border-radius: 0.75rem; /* rounded-xl */
border: 1px solid rgba(55, 65, 81, 0.2); /* border-gray-700/20 */
margin: 1rem 0;
padding: 1rem;
}
/* Сделаем ссылки тоже белыми для консистентности */
a {
color: #a2ff9e; /* neonPink */
}
a:hover {
color: #6ec7ff; /* neonBlue */
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500&display=swap');
body {
font-family: 'Roboto', sans-serif;
scroll-behavior: smooth;
background-image: url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?auto=format&fit=crop&w=1471&q=80');
background-attachment: fixed;
background-size: cover;
color: #ffffff; /* Белый цвет текста по умолчанию */
}
#casing {
background-color: rgba(17, 24, 39, 0.8); /* bg-gray-900/80 */
backdrop-filter: blur(4px);
border-radius: 0.75rem; /* rounded-xl */
border: 1px solid rgba(55, 65, 81, 0.2); /* border-gray-700/20 */
margin: 1rem 0;
padding: 1rem;
}
/* Сделаем ссылки тоже белыми для консистентности */
a {
color: #a2ff9e; /* neonPink */
}
a:hover {
color: #6ec7ff; /* neonBlue */
}