HTML/CSS Popup Chat Window | Speed Code 🚀

Publié le: 31 août 2020
sur la chaîne: nonmunch

41,376

577

Github Repo:
https://github.com/hitchcliff/front-e...

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: / nonmunch

Sur cette page du site, vous pouvez voir la vidéo en ligne HTML/CSS Popup Chat Window | Speed Code 🚀 durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur nonmunch 31 août 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 41,376 fois et il a aimé 577 téléspectateurs. Bon visionnage!