ZwiiCMS-Team/ZwiiCMS
ZwiiCMS-Team/ZwiiCMS
10
9
Fork 3
Code Releases 154 Activity

News : effet blur

Browse Source
This commit is contained in:
fredtempez 2021-04-01 19:45:02 +02:00
parent faf64a0660
commit 6bd248fb6a
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
module/news/view/index/index.css
View File

@ -23,6 +23,20 @@
}*/ }*/
.newsContent { .newsContent {
overflow: hidden; /* les dépassements seront masqués */ 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);
} }

1
module/news/view/index/index.php
View File

@ -7,6 +7,7 @@
</h1> </h1>
<div class="newsContent" style="height:<?php echo $this->getData(['module', $this->getUrl(0),'config', 'itemsHeight']); ?>;"> <div class="newsContent" style="height:<?php echo $this->getData(['module', $this->getUrl(0),'config', 'itemsHeight']); ?>;">
<?php echo $news['content']; ?> <?php echo $news['content']; ?>
<div class="newsBlur"></div>
</div> </div>
<div class="newsSignature"> <div class="newsSignature">
<i class="far fa-calendar-alt"></i> <i class="far fa-calendar-alt"></i>