Блог

Я хочу создать градиентный текст только с помощью 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

Дайте мне знать, если это решит проблему для вас.