resets Оптимизация и фишки css Добавлены новые фотографии в скрины
1 год назад

зацепил на днях прием градиентной заливки фона при помощи css
один момент - для разных браузеров нужно прописать свой стиль

background:#06AFE4;border-bottom: 4px solid #5C5C5C;
background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(left, rgb(237, 170, 133) 4%, rgb(216, 152, 41) 36%, rgb(120, 45, 11) 84%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(4%,rgba(125,185,232,1)),color-stop(36%,rgba(41,137,216,1)), color-stop(84%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgb(237, 170, 133) 4%, rgb(216, 152, 41) 36%, rgb(120, 45, 11) 84%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgb(237, 170, 133) 4%, rgb(216, 152, 41) 36%, rgb(120, 45, 11) 84%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgb(237, 170, 133) 4%, rgb(216, 152, 41) 36%, rgb(120, 45, 11) 84%) 84%);
этот градиент я использовал для заливки фона меню и выглядит это примерно так

image

Пожалуйста войдите или зарегистрируйтесь, чтобы добавлять "Мне нравится" и комментарии!