Contact | Get in touch | Anne Street Partners. Welcome to Aritzia | Aritzia. Custom Suits & Mens Suits | Indochino. Luxury Designer Fashion | Online Store | Montaigne Market. Burton.com. Skinny Ties | Nothing but skinny ties. Cooler modal Popup window with fade effect – gradient colors, border, drop shadow and center position | RIA Lab. In one of my earlier post I talked on creating a cool modal pop up window using CSS3 and JavaScript. It had fade effect upon opening and closing of the pop up. Based on the same lines, I have created a much cooler pop up, actually asked by one of my readers. It now has gradient colors, much more eye catching – vibrant color :), it has a header, a content area, border, drop shadow and it is also now centrally positioned always, even if you go from portrait to landscape mode and vice-versa.
Look at the demo first, you can view in both mobile web-kit browsers (iOS ,Android) and desktop browsers (Chrome, Safari): The concept remains the same. I have discussed it in details in my previous post. HTML changes No major changes. JavaScript changes I have made some changes in the architecture of the popup creation. Since this new pop up has a header, so I have kept a separate method for the header. I have passed a width of 250 and a height of 300. Lacoste Mobile. About / Johann Lucchini.