Как сделать красивый чат
Видео уроки для After Effects от AEplug
форум для общения, ваших вопросов и моих ответов
Как сделать красивый чат YouTube на стриме в OBS Studio. Без левых программ и плагинов
Сообщение #1 aeplug » 18 мар 2017, 19:37
Краткое содержание
@import url(«https://fonts.googleapis.com/css?family=Ubuntu Condensed»);
@import url(«https://fonts.googleapis.com/css?family=Ubuntu»);
@import url(«https://fonts.googleapis.com/css?family=Imprima»);
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo <
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges <
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp <
yt-live-chat-text-message-renderer #author-name::after <
content: «:»;
margin-left: 2px;
>
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer <
animation: anim 200ms;
animation-fill-mode: both;
>
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer <
animation: anim 30400ms;
animation-fill-mode: both;
>
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer <
animation: anim 30400ms;
animation-fill-mode: both;
>
@import url(«https://fonts.googleapis.com/css?family=Ubuntu Condensed»);
@import url(«https://fonts.googleapis.com/css?family=Ubuntu»);
@import url(«https://fonts.googleapis.com/css?family=Imprima»);
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo <
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges <
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp <
yt-live-chat-text-message-renderer #author-name::after <
content: «:»;
margin-left: 2px;
>
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer <
animation: anim 200ms;
animation-fill-mode: both;
>
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer <
animation: anim 30400ms;
animation-fill-mode: both;
>
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer <
animation: anim 30400ms;
animation-fill-mode: both;
>