CSSでメニューの裏の背景をぼかす - みかづきブログ その3

iOSとかでよくある演出です。Chromeで御覧ください。 filterのblurがポイントですね。 DEMO HTML <header id="header"> <div id="btn"></div> </header> <ul id="menu"> <li>MENU A</li> <li>MENU B</li> <li>MENU C</li> <li>MENU D</li> <li>MENU E</li> </ul> <div id="content"> <p class="ttl">ELEFANT</p> </div> SCSS * { margin: 0; padding: 0; border: 0; } html { height: 100%; } body { height: 100%; font: 20px HelveticaNeue-UltraLight; backgro