Skip to content

Instantly share code, notes, and snippets.

@frontend-coder
Last active July 17, 2019 07:23
Show Gist options
  • Select an option

  • Save frontend-coder/bb2a192e9816a3ab58dbd5cdfea155d5 to your computer and use it in GitHub Desktop.

Select an option

Save frontend-coder/bb2a192e9816a3ab58dbd5cdfea155d5 to your computer and use it in GitHub Desktop.
В прозрачном окне с непрозрачным текстом размещена картинка, которое слайдится быстрее, чем вся страница #css #html
.main-name {
background-color: transparent;
height: 280px;
position: relative;
}
.fixed-fon {
background: url(../img/slide_box.jpg) top center no-repeat;
-webkit-background-size: cover;
background-size: cover;
height: 100%; width:100%;
position:fixed; top:50px ; z-index:-2;
}
<div class="main-name">
<div class="fixed-fon">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h1>Создание и продвижение сайтов в Камске</h1>
<h2>Веб-студия &laquo;Дрон-Верст&raquo;
приветствует Вас и предлагаем свои услуги по разработке, продвижению, сопровождению и поддержке сайтов!</h2>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment