Remember to replace the picture to see the effect
filter:blur(20px);
Filter : vague (20px);
css:
body { min-height:100vh; box-sizing:border-box; margin:0; padding-top:calc(50
vh -6em); font:150%/1.6 Baskerville,Palatino,serif; } .bg_img h3 { font-size:18
px; color:#ffffff; } .bg_img p { font-size:14px; color:#ffffff;
font-variant-ligatures:common-ligatures discretionary-ligatures
historical-ligatures; } body,.bg_img::before { background:url("images/bg.jpg") 0
/ cover fixed; } .bg_img { position:relative; margin:0 auto; padding:1em;
max-width:23em; background:hsla(0,0%,100%,.25) border-box; overflow:hidden;
border-radius:.3em; box-shadow:0 0 0 1px hsla(0,0%,100%,.3) inset,0 .5em 1em
rgba(0,0,0,0.6); text-shadow:0 1px 1px hsla(0,0%,100%,.3); } .bg_img::before {
content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:-30px;
z-index:-1; -webkit-filter:blur(20px); filter:blur(20px); }
html:
<div class="bg_img"> <h3> The background is fuzzy </h3> <p>
Background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background fuzzy background </p> </
div>

Technology
©2019-2020 Toolsou All rights reserved,
( Super detail )Eclipse Using tutorials —— use Eclipse Create first HelloWorld! Database operation 5 code implementation mysql Addition, deletion, modification and query of database What can MCU do , Do you have any interesting works made by MCU or open source hardware Go to the interview after reading this , Steady over ~~ Single linked list of primary data structure (C Language implementation )SQL Comprehensive questions Employee unit comprehensive questions Python Implementation of Hanoi Tower code VHDL——JK trigger It's over , Starting salary 30k