Стильный анимированный баннер пользователей

[Jokeman_2300]

А можно ли как-то сделать такую же анимацию, под баннеры с закруглёнными краями.
Я поменял радиусы, вышло почти идеально, да только вначале всё ещё идёт квадратным а потом линия трансформируется под баннер.

 

[Skaiman]

попрбуй добавить после

.userBanner {
    position: relative;

overflow: hidden;

 

[Skaiman]

так должно быть

.userBanner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    &:after {
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        animation: animate-shine 2s ease-out infinite;
    }
}

больше ни где не надо радиус добавлять

 

[Jokeman_2300]

так должно быть

.userBanner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    &:after {
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        animation: animate-shine 2s ease-out infinite;
    }
}

больше ни где не надо радиус добавлять

Спасибо большое, помогло