|
   |
| Forum moderator: bigblog |
| uCoz Community For Webmasters Custom Solutions Urgent help needed |
| Urgent help needed |
Hello, anyone can help me create an alert box with continue or back links when the page and its content in the background is blurred, not clearly visible. Will be greatful.
Systems developer
|
Soldierdevil, two ways, first is the CSS solution:
Code filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url(blur.svg#blur); filter <img src="/.s/sm/1/tongue.gif" border="0" align="absmiddle" alt="tongue" /> rogid <img src="/.s/sm/1/biggrin.gif" border="0" align="absmiddle" alt="biggrin" /> XImageTransform.Microsoft.Blur(PixelRadius='3'); The second would be to blur a generic graphic in an image editor like Photoshop then set the opacity to 95% or the like so it looks like the colours are coming through and set it as the background image to the "shade" or relevant class. -- Creating the modal itself you can find lots of information on by looking it up in Google. If you're after a framework to help you do this I recommend jQuery UI or Vue. If you're working with Bootstrap check out Angular's Bootstrap UI integrations. Hope this helps. 
Jack of all trades in development, design, strategy.
Working as a Support Engineer. Been here for 13 years and counting. |
| |||
| |||