Jump to content

nastja198

Newbie
  • Posts

    2
  • Joined

  • Last visited

nastja198's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Спасибо за ответ. Искала там... (КодПен) Просмотрела больше 160 страниц но похожего не нашла. Хотя там очень много интересных паттернов. Всё-таки надеюсь что мне помогут на форуме. Здесь тоже смотрела. Много инереснного, но всё не то... Может кого-нибудь наведёт на правильную мысль... Посмотрите... http://lea.verou.me/css3patterns/ Здесь тоже есть примеры но опять не то http://www.webmasters.by/images/articles/css-gradient/gradient-box21.html
  2. Здравствуйте всем. Помогите пожалуйста написать код на CSS используя линейный градиент. Мне нужно создать фон, вот именно такой... и никак не получается! _http://itmages.ru/image/view/1967829/1ef0223d или такой _http://itmages.ru/image/view/1967841/08d358e2 Перепробывала и перемучалась уже до не возможности. Самое большее, (методом тыка), смогла написать лишь это... @charset "utf-8"; /* CSS Document */ body { background-color: black; background-image: linear-gradient(45deg, #F3EBA0 27%, transparent 27%, transparent 73%, #F3EBA0 73%), linear-gradient(45deg, #F3EBA0 27%, transparent 27%, transparent 73%, #F3EBA0 73%); background-size: 9px 9px; background-position: 0 0, 3px 3px; } Однако это не то что нужно, да и работает "трудно"... перед запуском страницы экран 2-3 сек горит чёрным цветом. (К тому же это и не тот рисунок, который хотела изначально. Хотя, если бы фон загружался бы без задержки, было бы не плохо, но не получается ускорить...) http://itmages.ru/image/view/1967846/2582e62e Не предлагайте замостить паттерном jpg и base64 ! Мне надо с градиентом разобраться! За ранее буду признательна за любую помощь!!!!!!!!!!!!!!!! (У Google спрашивала; В поиске на форуме тоже искала-смотрела -- не помогло. Буду признательна за комментарии к коду ) Паттерн можно создать здесь... _http://generatepattern.com/ ================== Хотелось бы написпть код используя repeating-linear-gradient, по логике должен вроде быть "repeating". Как пример: body { background: -moz-repeating-linear-gradient(0deg, transparent 0, transparent 5px, rgba(0, 0, 0, .1) 5px, rgba(0, 0, 0, .1) 10px), -moz-repeating-linear-gradient(90deg, transparent 0, transparent 5px, rgba(0, 0, 0, .1) 5px, rgba(0, 0, 0, .1) 10px); } Спасибо! Не получается вставить картинку а без неё, что требуется не понять. Картинки загрузила и вставила ссылку но почему-то их нет.
×
×
  • 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