Css3 implements text marquee (css3 marquee demo)

First, css3 realizes the text marquee CSS:

.marquee {

White-space: nowrap; /* text does not wrap */

Overflow:-webkit-marquee; /* Has scrolling effect only when set to marquee*/

Width: 170px; /* is not required */

-webkit-marquee-direcTIon:left; /* The optional text scroll direction is left | right | up | down */

-webkit-marquee-speed:normal; /* The text scrolling speed is optional slow | normal | fast */

-webkit-marquee-style:scroll; /* Text scrolling mode optional value is scroll | slide | alternate */

-webkit-marquee-repeTITIon:1; /* Text scrolling number number | infinite , infinite is an infinite loop scrolling */

}

-webkit-marquee-style The effect of each value is as follows:

1. -webkit-marquee-style:scroll;

2. -webkit-marquee-style:slide;

3. -webkit-marquee-style:alternate;

HTML: < p class ="marquee" > This is a scrolling subtitle. p >

20KV Distribution Transformer

Oil-immersed Distribution Transformer, its HV level is 20kV, LV is 400V, its capacity is 2500kVA and below. Generally installed on the pole or in the distribution room, for lighting or power supply, three-phase power supply, fully sealed tank structure, to ensure the transformer safe and reliable operation.

20Kv Transformer,20Kv Distribution Transformer,20Kv Oil Immersed Transformer,High Quality 20Kv Transformer

Hangzhou Qiantang River Electric Group Co., Ltd.(QRE) , https://www.qretransformer.com