news Effet blur

This commit is contained in:
fredtempez 2021-04-05 15:01:42 +02:00
parent 374439755c
commit cba87d3295
2 changed files with 5 additions and 9 deletions

View File

@ -27,13 +27,10 @@
}
.newsBlur {
position: absolute;
bottom: -5%;
margin: -10px;
height: 20%;
width: 110%;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
background: linear-gradient(#333 70%,#FFF );
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

View File

@ -5,9 +5,8 @@
<h1 class="newsTitle" id="<?php echo $newsId;?>">
<?php echo '<a href="'. helper::baseUrl(true) . $this->getUrl(0) . '/' . $newsId . '">' . $news['title'] . '</a>'; ?>
</h1>
<div class="newsContent">
<div class="newsContent newsBlur">
<?php echo $news['content']; ?>
<div class="newsBlur"></div>
</div>
<div class="newsSignature">
<i class="far fa-calendar-alt"></i>