СОЗДАНИЕ САЙТОВ | Разработка сайтов - Veselov.sumy.ua

Круговое выезжающее меню на CSS #

Демка демонстрирующая поведение картинки от свойств background CSS #

Меню с эффектом как на ютубе #

CSS - Появляется весь блок при наведении #

 




      

        

          


                        Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth / Wi-Fi 802.11a/b/g/n / NFC / MHL / 8 ГБ встроенной памяти + поддержка microSD / разъем 3.5 мм / 3G / aGPS, Glonass / ОС Android 4.0 / 129 x 65 x 10.7 мм, 120 г / белый Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth

          
        
      
          
      

        

          


                        Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth / Wi-Fi 802.11a/b/g/n / NFC / MHL / 8 ГБ встроенной памяти + поддержка microSD / разъем 3.5 мм / 3G / aGPS, Glonass / ОС Android 4.0 / 129 x 65 x 10.7 мм, 120 г / белый Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth

          
        
      
          
      

        

          


                        Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth / Wi-Fi 802.11a/b/g/n / NFC / MHL / 8 ГБ встроенной памяти + поддержка microSD / разъем 3.5 мм / 3G / aGPS, Glonass / ОС Android 4.0 / 129 x 65 x 10.7 мм, 120 г / белый Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth

          
        
      
          
      

        

          


                        Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth / Wi-Fi 802.11a/b/g/n / NFC / MHL / 8 ГБ встроенной памяти + поддержка microSD / разъем 3.5 мм / 3G / aGPS, Glonass / ОС Android 4.0 / 129 x 65 x 10.7 мм, 120 г / белый Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth

          
        
      
        

      

        

          


                        Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth / Wi-Fi 802.11a/b/g/n / NFC / MHL / 8 ГБ встроенной памяти + поддержка microSD / разъем 3.5 мм / 3G / aGPS, Glonass / ОС Android 4.0 / 129 x 65 x 10.7 мм, 120 г / белый Экран 4.3" (1280х720 сенсорный мультитач) / моноблок / 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth 2-х ядерный процессор 1.5 ГГц / камера: основная 13 Мп, фронтальная VGA / Bluetooth

          
        
      
        
          

Adaptive ? Responsive #

.container {
        width: 90%;
        max-width: 1200px;
        margin: 0 auto;
}

.container {
    width: 700px;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .container {
        width: 420px;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        width: 300px;
    }
}

Sticky Position (Bar) with CSS or jQuery #