--- title: Best CSS Tip posts — August 2023 | daily.dev description: The most upvoted CSS Tip posts from August 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/csstip/best-of/2023/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/csstip/best-of/2023/08 og:type: website og:site_name: daily.dev og:title: Best CSS Tip posts — August 2023 | daily.dev og:description: The most upvoted CSS Tip posts from August 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of CSS Tip — August 2023 1. 1 [](https://daily.dev/posts/a-fancy-hover-effect-for-your-avatar-2zdtnomgg "A Fancy Hover Effect For Your Avatar") Article CSS Tip·3y A Fancy Hover Effect For Your Avatar A Fancy Hover Effect For Your Avatar for your Avatar. Add a nice "Pop out" hover effect to your avatar using a minimalist code. No extra element (only the tag) - No pseudo-element - Less than 20 declarations - Optimized with CSS variables. 35 1 2. 2 [](https://daily.dev/posts/a-simple-checkbox-using-css-mask-u62rkopqc "A simple checkbox using CSS mask") Article CSS Tip·3y A simple checkbox using CSS mask A simple checkbox using CSS mask is a simple design for your checkbox with a nice animation on click. No extra element (only the tag) - No pseudo-elements - One value to control the size - Less than 15 CSS declarations. 32 1 [See all CSS Tip archives](/sources/csstip/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/csstip/best-of/2023/08#page","url":"https://daily.dev/sources/csstip/best-of/2023/08","name":"Best CSS Tip Posts — August 2023","description":"The most upvoted CSS Tip posts from August 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/csstip/best-of/2023/08#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/a-fancy-hover-effect-for-your-avatar-2zdtnomgg","name":"A Fancy Hover Effect For Your Avatar"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/a-simple-checkbox-using-css-mask-u62rkopqc","name":"A simple checkbox using CSS mask"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"CSS Tip","item":"https://daily.dev/sources/csstip"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/csstip/best-of"},{"@type":"ListItem","position":5,"name":"August 2023"}]}]} ```