Я хочу сделать градиентный текст только с css3 или html5, работающим на Android. Я пробовал с css3, но у android там небольшая проблема. Я пробовал это http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/. Вот как это выглядит в android http://img121.imageshack.us/img121/5014/androidw.png. Может кто-нибудь сказать мне, как исправить это, или другой способ сделать это, независимо от css3 или html5 canvas?
header h1 {
position: relative;
display:inline-block;
margin-top: 0px;
background: rgba(0,0,0,0);
margin: 23px 0 0 77px;
}
header h1 a {
color: #fff;
position: absolute;
background: rgba(0,0,0,0);
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
}
header h1:after {
content: 'Company name';
background: rgba(0,0,0,0);
text-shadow: -1px 1px 2px #232323;
color: #dadada;
}
Это может быть проблема с браузером.
Вот ссылка на генератор градиента кросс-браузера css.
Попробуйте создать любой градиент и попробуйте. Если он работает, то это проблема с браузером.
Вот ссылка: Генератор градиентов CSS
Сообщите мне, если это сортирует проблему для вас.
Я не видел ваш CSS-код, но похоже, что у вас есть градиент вокруг текста, а фон текста черный. Попробуйте настроить фоновый цвет вашего текста на прозрачный и посмотреть, что произойдет. В противном случае, если бы вы могли разместить здесь свой CSS-код, это действительно помогло бы. Надеюсь, это поможет.