Shulou(Shulou.com)06/01 Report--

Today, Xiaobian to share with you how to use the html color code generator related knowledge points, detailed content, clear logic, I believe that most people are too aware of this knowledge, so share this article for your reference, I hope you will learn something after reading this article, let's take a look at it.

Basic syntax of safari for webkit kernel and Linear Gradients (linear gradient) for Chrome: background-image:-webkit-gradient (type,x1 y1 recording x2 Y2 from (start color value), to (end color value), [color-stop (offset decimal, docked color value),...])

-webkit-gradient is an attribute value of background

The first set of parameters type (type) of the Linear Gradients (linear gradient) of the webkit kernel is linear

The second set of parameters is x1y1mx2y2, which is the coordinates of the two points that are the color gradients. The value range of x1rect x2rect y1jue y2 is 0% Rue 100%. When x1grad x2jinger y2 takes extreme value, x1 and x2 can take left (or 0%) or right (or 100%), and y1 and y2 can take top (or 0%) or bottom (or 100%).

When x1 is equal to x2 and not equal to y2, the vertical gradient can be realized, and the radius of the gradient can be adjusted by adjusting the value of y1 and Y2.

When y1 is equal to y2, x1 is not equal to x2, the horizontal gradient is realized, and the radius of the gradient can be adjusted by adjusting the value of x1 and x2.

When y 1 is not equal to y 2, x 1 is not equal to x 2, angle gradient is realized, and it is close to vertical or horizontal gradient when the value of x 1diem x 2 is extreme.

When x _ 1 equals x _ 2, y _ 1 equals y _ 2, there is no gradient, and the from color is taken, that is, "from".

When implementing vertical and horizontal gradients, the simplest values for x1 and x2 can be left (or 0%) or right (or 100%), and the simplest values for y1 and y2 can be top (or 0%) or bottom (or 100%)

From (start color value) and to (end color value) are two gradient color values

[color-stop (offset, docked color value),...]: multiple color-stop can be used, if the gradient has only 2 colors, then this parameter can not be used; the offset must be a decimal, if the offset > = 1, then the color-stop is equivalent to invalid

Color matching

The so-called color matching, to put it simply, is to put the color in the right position and make the best arrangement. Color is through people's impression or association to have a habitual impact, and the role of color matching is to change the comfort of the space and environmental atmosphere to meet the requirements of consumers in all aspects. There are mainly two ways of color matching, one is to control the visual stimulation through the contrast of hue, lightness and purity of color to achieve the effect of color matching, and the other is to convey the sense of psychological level and change the color indirectly so as to achieve the effect of color matching.

There are many kinds of colors, and different colors will give people different feelings. Red, orange and yellow make people feel warm and happy, so they are called "warm colors"; blue, green and purple make people feel quiet and fresh, so they are called "cool colors".

These are all the contents of the article "how to use the html Color Code Generator". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.