Esther White | EstherSoftwareDevforEstherSoftwareDevblog.esthersoftware.dev·May 19, 2020Some of my Favorite CSS Styling Rules1. list-style-position: inside; For centering the bullet points together with the list items of an unordered list in HTML <ul> ul { text-align: center; list-style-position: inside; } https://codepen.io/monacodelisa/pen/wvxmWjP34 readsStatic FECSS
freeCodeCampforfreeCodeCampfreecodecamp.org·May 18, 2020Box Shadow CSS Tutorial – How to Add a Drop Shadow to Any HTML ElementBy Joe Liang We can add a drop shadow to any HTML element using the CSS property box-shadow. Here's how. ##Adding a Basic Drop Shadow Let's first set up some basic HTML elements to add our drop shadows to: ```html Box1 Box2 Box3 Then add some basic ...#box-shadow
Colby FayockforfreeCodeCampfreecodecamp.org·May 5, 2020How to Use Pure CSS to Create a Beautiful Loading Animation for your AppIf you've been around the internet lately, you've most likely seen a nice subtle loading animation that fills page content before gracefully loading in. Some of the social giants like Facebook even use this approach to give page loading a better exp...animation
