implementation effect: for example, in the progress bar in the figure above, his data is dynamically transmitted in and out
problem point:
1. The corresponding data at the bottom of this progress bar is irregular. There are no rules for the vacancy between 45 and 41. How to move the upper triangle to the corresponding position according to the passed value?
2, how should the color of the small triangle be matched with the gradual change of color in the progress bar below?
similar parallax scrolling, Baidu, the small triangle background image put a long picture, the triangle to the right, the background to the left.
write a piecewise linear interpolation function to correspond to two sets of values. Enter the number axis as your numerical segmentation point, and output as the front-end page positioning coordinates and color values.
I think we can do it in a blind way. The
triangular row is directly made into a div
div background image is a DNA methyl map with no numerical value
div has
there are two white bars and a small square between them. The
box uses the border attribute to make the triangle border white and transparent in the middle.
left, middle and right layout.
change the width on the left and right sides according to the numerical value
since the demarcation point is not regular, your following example has to be proportional. How can we divide it equally? Set the maximum and minimum number, and then calculate the proportion to decide where to point.
as the title, the pc page is based on the 1920 design draft. Now it is found that the font is very large under the low split screen such as 1366. How to solve this problem? .. you don t need to adapt to the mobile end, you just need to look better on ...
want to achieve the effect in the following figure: there are multiple tags, each of which is of different length, and they are arranged freely. When more than two lines are arranged, the rest are automatically hidden, and the expand button is displa...
question: when doing Mobile layout , you want to achieve a bottom div, with a horizontal width that is three times the width of the page viewport in the landscape state. Now, after expanding the width, the height is also increased by three times. Why...
HTMLDOM?,...
...
: ? ? ? ,HTML, <div class="parent"> <div class="child">< div> < div> :CSS,: .parent{ width:300px; height:300px; border: 2px solid blue; } .child{ width:400px; height:400px; border:...
CSSwidthheight?widthheight? ...