From 1e34ce4d09f18f9da3fd76952cda3e52b3cec592 Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Sat, 8 Feb 2014 21:19:33 +0100 Subject: [PATCH] Improved overlay for photos --- assets/css/modules/content.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/assets/css/modules/content.css b/assets/css/modules/content.css index 0d3d148..13a791d 100644 --- a/assets/css/modules/content.css +++ b/assets/css/modules/content.css @@ -115,8 +115,11 @@ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* W3C */ } - .photo .overlay { - background: rgba(0, 0, 0, .6); + .photo .overlay { + background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */ + background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */ + background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* IE10+ */ + background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* W3C */ opacity: 0; } .photo:hover .overlay,