Oycheungad (Talk | contribs) |
Oycheungad (Talk | contribs) |
||
Line 713: | Line 713: | ||
z-index: 2; | z-index: 2; | ||
border-radius: 15px; | border-radius: 15px; | ||
− | + | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 6px 30px rgba(0, 0, 0, 0.4); | |
} | } | ||
.popup figure figcaption { | .popup figure figcaption { | ||
Line 737: | Line 737: | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
} | } | ||
− | + | .popup figure .shadow { | |
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
Line 747: | Line 747: | ||
height: 50px; | height: 50px; | ||
opacity: .6; | opacity: .6; | ||
− | + | -webkit-filter: blur(15px) contrast(2); | |
− | + | filter: blur(15px) contrast(2); | |
− | } | + | } |
.popup .close { | .popup .close { | ||
position: absolute; | position: absolute; | ||
Line 761: | Line 761: | ||
border-radius: 25px; | border-radius: 25px; | ||
background: rgba(0, 0, 0, 0.1); | background: rgba(0, 0, 0, 0.1); | ||
− | + | box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); | |
} | } | ||
.popup .close svg { | .popup .close svg { | ||
Line 796: | Line 796: | ||
$bg = $('<div class="bg" />').appendTo($('.popup')); | $bg = $('<div class="bg" />').appendTo($('.popup')); | ||
$close = $('<div class="close"><svg><use xlink:href="#close"></use></svg></div>').appendTo($fig); | $close = $('<div class="close"><svg><use xlink:href="#close"></use></svg></div>').appendTo($fig); | ||
− | + | $shadow = $('<div class="shadow" />').appendTo($fig); | |
src = $('img', $fig).attr('src'); | src = $('img', $fig).attr('src'); | ||
− | + | $shadow.css({backgroundImage: 'url(' + src + ')'}); | |
$bg.css({backgroundImage: 'url(' + src + ')'}); | $bg.css({backgroundImage: 'url(' + src + ')'}); | ||
setTimeout(function(){ | setTimeout(function(){ |
Revision as of 16:13, 29 September 2017
Our Advisors