News : effet blur

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);
 }
 
 

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>