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 { .newsBlur {
position: absolute; background: linear-gradient(#333 70%,#FFF );
bottom: -5%; background-clip: text;
margin: -10px; -webkit-background-clip: text;
height: 20%; -webkit-text-fill-color: transparent;
width: 110%;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
} }

View File

@ -5,9 +5,8 @@
<h1 class="newsTitle" id="<?php echo $newsId;?>"> <h1 class="newsTitle" id="<?php echo $newsId;?>">
<?php echo '<a href="'. helper::baseUrl(true) . $this->getUrl(0) . '/' . $newsId . '">' . $news['title'] . '</a>'; ?> <?php echo '<a href="'. helper::baseUrl(true) . $this->getUrl(0) . '/' . $newsId . '">' . $news['title'] . '</a>'; ?>
</h1> </h1>
<div class="newsContent"> <div class="newsContent newsBlur">
<?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>