HTML/CSS Popup Chat Window | Speed Code ?
Github Repo:
https://github.com/hitchcliff/front-end-chatjs
Font Family: Nunito
Font Weights: Light Italic 300, Light 300, Regular 400, Semi Bold 600
Style.css:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
*, html {
--primaryGradient: linear-gradient(93.12deg, #581B98 0.52%, #9C1DE7 100%);
--secondaryGradient: linear-gradient(268.91deg, #581B98 -2.14%, #9C1DE7 99.69%);
--primaryBoxShadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
--secondaryBoxShadow: 0px -10px 15px rgba(0, 0, 0, 0.1);
--light: 300;
--regular: 400;
--semiBold: 600;
--extraLight: 300;
--italic: 300;
--primary: #581B98;
}
body {
font-family: 'Nunito', sans-serif;
font-weight: 400;
font-size: 100%;
background: #F1F1F1;
}
Note: This is just an example, I've added the final version in Github Repo inside "Example" folder. Don't miss out typing.css(https://codepen.io/fusco/pen/XbpaYv) file as well.
Challenge yourself by adding names under block of each message. As well as widen the margin to top and bottom ?
Follow me on Twitter: https://twitter.com/nonmunch
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «HTML/CSS Popup Chat Window | Speed Code ?», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.