Question

我正在尝试制作一个如下所示的横幅：https://youtu.be/yQbtmsB9dB0

但是半径边界的图片没有按顺序和过渡出现在屏幕上。我不得不进行交叉渐变，但我被困了好几个小时。这是我的HTML＆amp; Javascript＆amp; CSS代码。

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="3.css">


<div id="banner"></div>
<div id="circle"></div>
<span id="popkupon"> POPÜLER KUPONLAR </span>
<div class="profil1" div> 
    <img id="i1" img class="img-circle" img src="dosyalar/1.jpg" Width="58" height="58">
    <img id="i2" img class="img-circle" img src="dosyalar/2.jpg" Width="58" height="58">
    <img id="i3" img class="img-circle" img src="dosyalar/3.jpg" Width="58" height="58">
    <img id="i4" img class="img-circle" img src="dosyalar/4.jpg" Width="58" height="58">
    <img id="i5" img class="img-circle" img src="dosyalar/5.jpg" Width="58" height="58">
</div>

</body>
</html>

见：https://jsfiddle.net/kasqwdbc/

我愿意接受任何建议我真的很感激你的帮助。

交叉淡化多个图像CSS

0 个答案: