:Typesetting show operation "click to switch text" tutorial-empirical point of view免费ppt模版下载-道格办公
投稿
  1. JustNewsHome
  2. empirical point of view
  3. Typesetting show operation "click to switch text" tutorial

Typesetting show operation "click to switch text" tutorial

Author: daogeziyuan • • empirical point of view • Views 707

Typesetting show operation "click to switch text" tutorial If you want to use this style, you need to have the following qualities: 1. Perseverance: Persevere in completing tasks. 2. Patience: Be patient with complex tasks. 3. Perseverance: Don't give up

If you want to use this style

Need you to haveperseverance, patience, perseverance, carefulness, not angry attitude, good eyes, love to learn

It is best to be able to "repeatedly fail"!

Otherwise, scroll to the bottom, Like, quit.

Look at the style example

Click me

Does Goudan still remember your Uncle Li? Good luck< text y='80' x='50%' fill='#333' >Gong Xi Fa CaiHappy New YearMy New Year wishes to you! (click to view)

< span >This style, search ID in Style Center: 91578

You can use it as a favorite, the search method is as shown below

1

Style in edit area

Million! Never! Never! Don't click!

Don't click until you push!

Unless you use Firefox

Due to some restrictions

After you click the interface, copy it to WeChat

will be rendered directly to the interface!

Instead of starting from scratch! So don't click!

Copy WeChat background preview after modification

There is no error to send directly


Tutorial below:


Click on the HTML directly to enter the source code for modification

Then modify and replace the black text

Note: Style click to toggle the text

HTML mode is bottom-up

So modify the text, you should also modify in order from bottom to top

2

If you feel

You don't need so many text interfaces

Or want to add more text interface

Please direct this code <g>......</g>

Delete or copy and paste

Ctrl + C to copy

Knock Enter and empty line after </g>

Ctrl + V to paste

Example of effect

Does the dog remember your Uncle Li? Good luck< text y='80' x='50%' fill='#333' >Gong Xi Fa CaiGong Xi Fa CaiGong Xi Fa CaiHappy New YearMy New Year wishes to you! (click to view)

3

The click page of this style is switched from left to right

After copying, the code needs to be adjusted

That is to ensure that 500 and -500 appear alternately

Example of effect

Does the dog remember your Uncle Li? Good luck< text y='80' x='50%' fill='#333' >Gong Xi Fa Cai (right)Gong Xi Fa Cai (left)Gong Xi Fa Cai (right)< /text>Happy New YearMy New Year wishes to you! (click to view)

4

And if you find

The modified line of text is incomplete


Does the dog remember your Uncle Li? Good luck< text y='80' x='50%' fill='#333' >Gong Xi Fa CaiAhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh< rect x='0' y='0' width='100%' height='500'>I love you Happy new year! (click to view)


Then you can modify the font size to adjust

Just modify it font-size:30px;

Example


Does the dog remember your Uncle Li? Good luck< text y='80' x='50%' fill='#333' >Gong Xi Fa CaiAhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh< rect x='0' y='0' width='100%' height='500'>I love you Happy new year! (click to view)

5


If you are OCD


I want to unify the text size and want to display it completely

Then you can copy this code directly

<text.........>.....</text>

Copy and paste

Ctrl + C to copy

Knock Enter and empty line after </text>

Ctrl + V to paste

But after copying, there will be such a situation

Does the dog remember your Uncle Li? Good luckOverlapping textGong Xi Fa Cai< /g>Happy New YearMy New Year wishes to you! (click to view)

When the font size is not changed

After modifying the different text into two lines

Again you will find overlapping

At this time

You can adjust the parameter of y in <text

to beautify

If you do not change the font size

Suggested y values ​​for two lines of text

60 and 105 respectively

Example:

Example


Does the dog remember your Uncle Li? Good luckOverlapping textGong Xi Fa Cai< /g>Happy New YearMy New Year wishes to you! (click to view)




6

Then you can optimize the font size, color

font-size:30px;Modify font size

fill:'#333' modify font color

Example


Does the dog remember your Uncle Li? Good luckOverlapping textGong Xi Fa Cai< /g>Happy New YearMy New Year wishes to you! (click to view)


7

Last


The overall example is as follows:

Please read the tutorial carefullyJust sauce, refillNo? < /animatetransform>Have you learned it yet? font-size:30px; modify text size fill:#fff; modify text colorAnd...Adjust the position of the text lineTo modify the y valueIncrease the number of text lines To copy and paste the text codeTo adjust -500 and 500 The optimization page disappears left and right To copy and paste g code Add text click pageYou can directly modify and replaceBlack text in the source code< /text>Content editingTo enter HTML modeDon't clickThis style...< animatetransform attributename='transform' type='translate' begin='click' dur='0.5s' values='0 0;500 0;

The tutorial is detailed enough

Please read the tutorial carefully, God users!


If there is any improvement in the text,

The comment section will definitely be added. Thank you!


I am the third child

emmmmm

Shi Lezhi

135 editor
Picture and text typesetting tool for public account, article editing and beautifying leader.
< /section>

Articles are uploaded by users and are for non-commercial browsing only. Posted by: Lomu, please indicate the source: https://www.daogebangong.com/en/articles/detail/Typesetting%20show%20operation%20click%20to%20switch%20text%20tutorial.html

Like (810)
Reward 支付宝扫一扫 支付宝扫一扫
Lomu Columnist
48 196
single-end

Related Suggestion