HTML/CSS Popup Chat Window | Speed Code 🚀

Pubblicato il: 31 agosto 2020
sul canale di: 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

In questa pagina del sito puoi guardare il video online HTML/CSS Popup Chat Window | Speed Code 🚀 della durata di ore minuti seconda in buona qualità , che l'utente ha caricato nonmunch 31 agosto 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 41,376 volte e gli è piaciuto 577 spettatori. Buona visione!