Я новичок в CSS, а не знаете, как создавать различные версии CSS сниппет ниже для всех браузеров:Как создать версии css3 для разных браузеров?
background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0 #66BAC0;
Я получил его где-то в Интернете, но это не имеет других префиксов поставщика или браузер типы. Как я могу сделать это с помощью онлайн-инструмента или вручную?
Вот код:
background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0px, rgba(0,0,0,0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(255,255,255,0.1)), color-stop(100%,rgba(0,0,0,0.1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0px,rgba(0,0,0,0.1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0px,rgba(0,0,0,0.1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0px,rgba(0,0,0,0.1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0px,rgba(0,0,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1a000000',GradientType=0);
Я действительно рекомендую этот сайт: http://www.colorzilla.com/gradient-editor/ - это позволяет легко создавать кросс-градиентов браузер CSS.
Я пробовал, но не получаю тот же цвет. Кажется, он превращается в серый. – starbucks
Ссылка на это на сайте colorzilla: http://www.colorzilla.com/gradient-editor/#ffffff+0,000000+100&0.1+0,0.1+100; Пользовательский - какой браузер вы используете? – Joe
Я тестирую на firefox, chrome, safari. Код, который я написал в моем вопросе, работает на firefox, но не на хроме и сафари. – starbucks
Есть тонны ресурсов для этого в Интернете. Черт возьми, для этого есть много ресурсов для SO. Вы действительно не нашли их, когда искали? – Spudley
Я не могу найти тот, который сгенерирует аналогичный код, указанный выше. – starbucks
почти любой из вопросов, связанных с правом в столбце «Связанный», будет иметь для вас соответствующий код. – Spudley