Jump to content

Library

Forums

  1. Tricks and solutions

    Useful tricks and best practices solutions

    3.9k
    posts
  2. Books

    Books, web sites and useful software

    3.6k
    posts
  • Обсуждения

    • Здравствуйте. Попробуйте выложить код в песочницу. Вопрос сформулировал не совсем понятно.
    • При уменьшении ширины страницы, уменьшение блоков быстрее происходит быстрее (тоесть блоки быстрее сужаются и между блоком и границей свободное пространство) при том что width=100% для body и section. В чем может быть проблема? (CSS стили отключал, проблема не исчезала, значит дело в самомо HTML)
    • Хотели в крестиках ноликах заменить кресты и нули на анимешных тяночек. В голову лезет что то по типу x = url(ссылка), но нормально сформулировать ничего не можем, первый курс колледжа. Заранее спасибо за помощь.
    • Здравствуйте. Выложите код в песочницу
    • body {      background-attachment: fixed;     transition:  .1s ease-out;     padding: 0;     margin: 0; }     .mouse-parallax {          overflow-x: hidden; } .mouse-parallax-bg {     position: absolute;     background-repeat: no-repeat;     background-size: cover;     width: 105%;     height: 105%;     transition: all 0.1s ease;       background-image: url(/img/backgroundimage.jpg);     background-color: black;     background-position: center; } .btn {   color: rgba(255, 255, 255, 0.993);   cursor: pointer;   text-decoration: none;   text-transform: uppercase;   font-family: 'Montserrat', sans-serif;   border-bottom: 1px solid rgba(0,0,0,0);   font-weight: 700;   transition: 0.20s; } .btn:hover, .btn:focus {   outline: 0;   border-bottom: 3px solid white;    padding-bottom: 5px; }   .logo {     color: white;     font-family: 'Montserrat', sans-serif;     font-size: 150px;      position: absolute;      transition: 1s;     left: 40%;     top:40%;     margin: 0%;      } .logo:hover {     transform: scale(1.2);  }   .vk {     position: absolute;     top: 13px;     right: 120px;     transition: 1s; }   .vk:hover {     transform: scale(1.2);  }   .facebook {     position: absolute;     top: 13px;     right: 75px;     transition: 1s; }   .facebook:hover {     transform: scale(1.2);  }   .instagram {     position: absolute;     top: 13px;     right: 30px;     transition: 1s; }   .instagram:hover {     transform: scale(1.2);  }   .b1 {     position: absolute;     top: 30px;     right: 1000px;   }   .b2 {     position: absolute;     top: 30px;     right: 850px;   }   .b3 {     position: absolute;     top: 30px;     right: 715px;   }   .b4 {     position: absolute;     top: 30px;     right: 480px;   }   .b5 {     position: absolute;     top: 30px;     right: 330px;   }   .logoP {     position: absolute;     top: 1%;     left:1%;     width: 100; }   .cloud1 {     position: absolute;     top: 3%;     right: 5%;   }   .cloud2 {     position: absolute;     top: 35%;     right: 70%;   }   .cloud3 {     position: absolute;     top: 25%;     right: 4%;   }   .cloud4 {     position: absolute;     top: 3%;     left:10% ;   }   .effect{     width: 10%;      } @media screen and (max-width:480px) {     .logo{         width: 100px;     } }  
    • Файлы styles.css и scripts.js лежат в той же директории, что и index.html?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy