Когда дело доходит до «постепенного цвета», о чем вы думаете?
Когда я начал искать это существительное, я обнаружил, что на самом деле у него есть две или две формы: динамический градиент и статический градиент.
Так называемый динамический градиент, чтобы привести простой пример: когда он приходит, ее лицо постепенно становится красным ... постепенно, постепенно изменения постоянно меняются; В то время как статический градиент еще проще: когда радуга происходит от неба, красный, оранжевый, желтый, зеленый, синий, синий, фиолетовый ... в представленных в настоящее время цветах, цвета от части к другой разные, а амплитуда может быть относительно небольшей, и они постепенно меняются, но одно имеет решающее значение. Он уже существовал, формируя изменяющийся статус и больше не может быть изменен.
Таким образом, давайте впервые используем JavaScript для реализации так называемого динамического градиента. Если вы рассмотрите динамические причины, вы не будете подниматься на картинку. Позвольте мне кратко представить эту идею:
* Динамический градиент
Кода -копия выглядит следующим образом:
<span style = "font-size: 12px;"> <html>
...
<тело>
<Центр>
<div id = "fade"> </div>
</center>
</body>
</html> </span>
Для удобства просмотра я пишу встроенный стиль или рекомендую использовать стили внешних ссылок. Далее я просто напишу динамически, чтобы достичь эффекта градиента:
Кода -копия выглядит следующим образом:
<span style = "font-size: 12px;"> <script type = "text/javascript">
var node = document.getElementbyId ("fade");
var color = "#0000";
var level = 1;
window.load = function fading () {
node.style.background = color.+level.tostring ()+level.tostring ();
уровень ++;
if (уровень> 16) {
ClearTimeout (исчезает);
}еще{
SetTimeout (Fading, 300);
}
}
<Script> </span>
Кажется, что мне не нужно больше говорить, просто сращивание и повторный звонок.
* Статический градиент
Давайте сначала прикрепим картинки, давайте посмотрим на эффект и в целом понимаем значение богов.
Без рассмотрения совместимости, он совместим после реальных исследований модификации. Это немного не хватает в интерфейсе без учета совместимости. Хорошо, давайте продолжим сказать это первым. Я использую ядро Webkit, поэтому я буду использовать это, чтобы сначала представить его.
Добавить в стиле CSS:
Фон: -вккит-градиент (линейный, 100% 0%, 0% 0%, от (#ffffff), цветовой стоп (0,5,#0000ff), до (#ffffff));
Краткое объяснение:
Линейный: это сталкивается с двумя понятиями линейного градиента и радиального градиента, которые являются не чем иным, как линейными изменениями на линии и радиальным рассеивающимся вокруг, как круг;
Следующие четыре значения: соответственно представляют значение Px в соответствующем направлении, которое можно запомнить в порядке вращения по часовой стрелке слева, но он представляет собой цвет, который отрезан.
от: это цвет начала
к: и из -за появления одновременно, и цвет в конце градиента наконец завершен
Цветовая стоп: относится к тому, какой цвет появится, когда он изменится до того места, где находится линия. Конечно, он переходит от окружающей области, которая эквивалентна от, к точке перехода, от переходной точки, к;
Хорошо, я много пойму, и я получу несколько простых других основных кодов
Кода -копия выглядит следующим образом:
Фильтр: Progid: dximagetransform.microsoft.gradient (gradientType = 1, startColorStr =#b8c4cb, endcolorstr =#f6f6f8);/*ie6*///
Справочная информация: -моз-линейр-градиент (слева,#ffffff,#ff0000);/*Другие не IE6*/
Справочная информация: -Webkit-Gradient (линейный, 100% 0%, 0% 0%, от (#ff0000), до (#0000ff));/*Другие не IE6*//
Я смотрел эпизод «Говорить» сегодня. Оказывается, есть такое хорошее шоу. Это слишком ниже?