From 6bd248fb6a17ce5cf295fe937b4dc40133f06a77 Mon Sep 17 00:00:00 2001
From: fredtempez <ftempez@gmail.com>
Date: Thu, 1 Apr 2021 19:45:02 +0200
Subject: [PATCH] News : effet blur

---
 module/news/view/index/index.css | 14 ++++++++++++++
 module/news/view/index/index.php |  1 +
 2 files changed, 15 insertions(+)

diff --git a/module/news/view/index/index.css b/module/news/view/index/index.css
index 195d1a4e..e0b05562 100755
--- a/module/news/view/index/index.css
+++ b/module/news/view/index/index.css
@@ -23,6 +23,20 @@
 }*/
 .newsContent {
 	overflow: hidden; /* les dépassements seront masqués */
+	position: relative;
+}
+.newsBlur {
+	position:absolute;
+	bottom:-5%;
+	margin-left: -5px;
+	height: 20%;
+	-webkit-filter: blur(5px);
+	-moz-filter: blur(5px);
+	-o-filter: blur(5px);
+	-ms-filter: blur(5px);
+	filter: blur(5px);
+	width: 100%;
+	background-color: rgba(253, 254, 255, 0.932);
 }
 
 
diff --git a/module/news/view/index/index.php b/module/news/view/index/index.php
index 6da77b3e..31d2821f 100755
--- a/module/news/view/index/index.php
+++ b/module/news/view/index/index.php
@@ -7,6 +7,7 @@
 				</h1>
 				<div class="newsContent" style="height:<?php echo $this->getData(['module', $this->getUrl(0),'config', 'itemsHeight']); ?>;">
 					<?php echo $news['content']; ?>
+					<div class="newsBlur"></div>
 				</div>
 				<div class="newsSignature">
 					<i class="far fa-calendar-alt"></i>