"blink" svg. How to fix?

I

infab2016-10-25 12:05:46

css

infab, 2016-10-25 12:05:46

When switching between pages on the site, the svg logo "blinks" in the header. Is it possible to fix this somehow?

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

M

Maxim Timofeev, 2016-10-25
@webinar

SVG takes longer to render. Put an animation effect on it after loading and it will mask your problem. Climbing out from above, etc.
What is the weight of svg? How optimal is it?

I

infab, 2016-10-25
@infab

<div class="container">
        <a class="logo" href="/"></a>
        <div class="slogan">
            <p class="slogan__text">Церковь христиан веры евангельской г. Самара</p>
        </div>
        <div id="search" class="search">
            Поиск...
        </div>
        <div class="social">
            <span class="social__text">Мы в соцсетях:</span>
            <a href="http://vk.com/maranafa_samara" class="social__link--vk" target="_blank"></a>
            <a href="https://www.instagram.com/maranafachurch/" class="social__link--insta" target="_blank"></a>
        </div>

        <div class="clear"></div>
    </div>