Browse Source

news Effet blur

master
fredtempez 6 months ago
parent
commit
cba87d3295
  1. 11
      module/news/view/index/index.css
  2. 3
      module/news/view/index/index.php

11
module/news/view/index/index.css

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

3
module/news/view/index/index.php

@ -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>

Loading…
Cancel
Save