Animate box shadows in CSS with optimum performance

SitePoint's weekly guide to the world of web dev and design. [View in browser](=.rrK5ARojAR8GcLmpe4hz7tKzFS-AyzCzaUmMJt1-18c) [SitePoint](=.KiRMubRhGLw0r0xxG7AO65vgdO_EiCdU2I_aIKSoAww) [facebook](=.sMFtzwhTLxN3t15FcAEuaYHr5oFQu-Z7QqNKwXJetIg) [twitter](=.08bThya2VaQGNORgcl2TmUzuHiTLK_7CUDXFZwup2qk) [linkedin](=.pxN0x4wkvVdh2UtPbRCaFwNVpGIms36thelii4CJIb0) [instagram](=.A6UF5ooxOb8FZFN22jmlMaGFld8clmzlIH_4-h5t7e0) [discord](=.GCchJLk4p5-rZs32C8aBG8oCjhcqjfkLLSrySb6N6x4) Issue #69 • October 2022 [Image of a woman walking towards the top-right of the frame; we can only see her legs. The main focus the shadow she casts on the floor, which fills most of the frame](=.1TrO8qnP0ue-3hKGmhrZ0b0nkH7FzkbXx_R3i09kKmE) Oscar Jite-Orimiono [How to Animate CSS Box Shadows and Optimize Performance](=.2ES1JPVmfEZyA6CUSfl6n4ZsLRZHn36AMjQG1N3eONc) Learn how to animate CSS box shadows, how each method affects browser performance, and how to decide which animation method to use. [Read more](=.Rwhnd_hrLZlKy8MclKSEwasVuMRnp4J7GB25wf_3c3k) [You're more than your resume. Create a free profile and let companies apply to interview you!](=.yG9eZhoZkv5SeD7o7ADGDuBtNOHjJwSAUGRgr1w6rpk) SitePoint Highlights [View all](=.BIB1yyF2DCzSxH9nDmScidnOgkmc9bDWDhOV1Wgn2sE) [Best Programming Language For Kids](=.gCqXaF93fZMIJP6bDK6ik-ZvCa30mh9muZGp2-OGgNU) Choosing the best programming language for kids is tricky. Learn some of the best options and how to get started with them. [Quick Tip: How to Use the Ternary Operator in JavaScript](=.JT3HNbFNYp1DambdaLUeXAcNxJMHWHtpHr0Nc_wHg8E) Learn about the syntax of the ternary operator in JavaScript, some of its common uses, and when it's a good option to choose. In Case You Missed It [View all](=.y6_huTuroySv6T4-thwsfqmp1zw33yUHVhXuXDFIyJY) [Learn Regex: A Beginner’s Guide](=.ppbMb-L_l2zp5bZAzkB-0VjVIOAZv6LXTgh7XspokrI) Learn regex (regular expressions) in our beginner's guide, including how they work and how to use them in a range of common scenarios. 📚 From the Top Shelf [View all](=.lVSdu1v3FDoUql5lmaQSt323vUiwTQuVW8iJjgw7KKs) [The Self-Taught Computer Scientist: The Beginner's Guide to Data Structures & Algorithms](=.2_1jkvD_2bq2YioGeKyHX5YOxsoU6mNlsFwf7V-tC5I) [Learn Bash the Hard Way](=.EE8ZuNOjgJ9066IrqADFZeo56rSV_pVKxp7F9H69dbQ) [Becoming a Data Head](=.-Tw2oZQCioi0lguZ7oTca3w-IcQDKzOIxG4n8R-eZVk) =.zm6IfBNSq0Kg1GdjOylHfj37MAKyWb9QK96CMA8PMGc Introducing 1440: News without the BS - If you wish all news could be as no-nonsense as this, you'll want to check out a nifty little newsletter called 1440. It's a daily digest of the most important info in culture, science, sports, politics, business, and everything in between — and it's the fastest way to an informed and impartial point-of-view. - The folks at 1440 scour over 100 sources every morning so you don't have to. You'll save time and start your day smarter. What more could you ask for? - Sign up for 1440 now and get your first five-minute read this minute. It's completely free — no catches, no nonsense, and absolutely no BS. [Check out 1440 now](=.p7pUxiQNfRD_9pT5Z3duBvmGWNgwhB-JV65JCzcJnfE) [Have you met our community yet?](=.Ccz0V7_7VQKSdXSCRlWlxQCVMuBQ2Ycmh9RyXhGKjUc) SitePoint's community is a place where you can come to talk tech, development, and design. [Join us today](=.9Yy8B8DT06bF8SkHZ4mrdC789bsnZ9j-GtJkySDv6gs) and get involved with other members who share your interests in tech! That's a wrap for this week! We'll see you next week with more development and design resources. [Dianne Pena] Until then, Dianne Pena Editor SitePoint 10-20 Gwynne St Cremorne 3067 VIC, Australia [facebook](=.VpDxyWwFX0kQOCmdbEKU6XKC7MgxSSgmnCLCWyc8vKI) [twitter](=.WaBKW4kf9qixIlZe_rPzectCGVl2a2HFI_zgPlzHnz4) [linkedin](=.gKo2ubBoRH7eTRRUyh5S2f0yZ93e4BZg990PZf9Gq3U) [instagram](=.JwbGeMrKhgc5euEkiURXK_Vyfb-hzldHw7_h44Rpy3A) You received this email because you signed up on our website or made a purchase from us. [Unsubscribe](=.KUtvvmMjLn1skvtqkDjpWQMJbD-RBam-WqSk8Mcopds)