Blur the edges of a backdrop-filter element with CSS
问题 document.querySelector( 'style' ).innerHTML += ` div { width: 40rem; height: 1rem; background-color: #444; } .earth_orbit, .moon { width: 15rem; margin-left: 100%; background-color: #222;; } .earth_orbit::before { width: 5rem; height: 5rem; background-color: #08f; } .moon { width: 2.5rem; height: 2.5rem; background-color: #ddd; } section { right: 5%; width: 37.5%; height: 50%; font-size: 5rem; font-weight: bold; text-align: center; backdrop-filter: blur( 2rem ); -webkit-backdrop-filter: blur(