<code id="hwkeq"><dl id="hwkeq"></dl></code>

<label id="hwkeq"></label>

<track id="hwkeq"><table id="hwkeq"></table></track>

<code id="hwkeq"><dl id="hwkeq"></dl></code>

_{<label id="hwkeq"></label>}

<u id="hwkeq"><form id="hwkeq"><s id="hwkeq"></s></form></u>

中畫網

標題: 黨的百年長廊——css動畫 [打印本頁]

作者: 寒冬殘荷 時間: 2021-6-24 21:51
標題: 黨的百年長廊——css動畫

圖片來源：人民日報訂閱號　編輯制作：華妹

作者: 雄鷹翱翔 時間: 2021-6-26 05:05
欣賞您的精美佳作，贊一個！

作者: 195400 時間: 2021-6-26 09:44

作者: 195400 時間: 2021-6-26 09:47
播放結束后重新從頭開始播放會好些吧。

作者: 195400 時間: 2021-6-26 13:16
很奇怪，在iPad和iphone上居然反著滾動

作者: 寒冬殘荷 時間: 2021-6-26 22:05

雄鷹翱翔發表于 2021-6-26 05:05
欣賞您的精美佳作，贊一個！

感謝版主的鼓勵和支持！

作者: 寒冬殘荷 時間: 2021-6-26 22:08

195400 發表于 2021-6-26 13:16
很奇怪，在iPad和iphone上居然反著滾動

應該是ios系統的不同吧？我在手機上瀏覽和電腦上的一樣。

作者: 寒冬殘荷 時間: 2021-6-26 22:15

195400 發表于 2021-6-26 09:47
播放結束后重新從頭開始播放會好些吧。

不會呀！

。現在這樣我還是折騰了很久才得的，動畫的起始位置改了很多次。原是用img標簽放圖，在我的個人空間測試不得，在個人空間那里，img標簽的圖片寬度大于720px的系統都改為720px。論壇這里如何不知道？為保險起見，我就用div背景（在個人空間背景圖大小不限制）。

作者: 195400 時間: 2021-6-26 22:22

華妹發表于 2021-6-26 22:15 不會呀！。現在這樣我還是折騰了很久才得的，動畫的起始位置改了很多次。原是用img標簽放圖，在我的 ...

這樣吧，我給您看看我模仿的

作者: 195400 時間: 2021-6-26 22:24
注意全部播放完后不是倒回來而是從頭開始，這是和您帖子不同之處。

作者: 寒冬殘荷 時間: 2021-6-26 22:39

195400 發表于 2021-6-26 22:22
這樣吧，我給您看看我模仿的

#pichold {

老師，你這是大師級的！我是才在網上學了幾個CSS屬性，且是不甚了解。沒有基礎、人笨，加上人老癡呆沒記性，學起來很難！但為了刺激大腦，學不會也得學……

作者: 寒冬殘荷 時間: 2021-6-26 23:02

195400 發表于 2021-6-26 22:22
這樣吧，我給您看看我模仿的

#pichold {

animation-play-state這個屬性沒想到

作者: 寒冬殘荷 時間: 2021-6-26 23:09

195400 發表于 2021-6-26 22:24
注意全部播放完后不是倒回來而是從頭開始，這是和您帖子不同之處。

還有一點：鼠標放在圖片上時暫停移動。我在開始有延遲，是考慮到點開網頁之后馬上移動看不到第一張圖片的開頭部分。

作者: 195400 時間: 2021-6-26 23:17

華妹發表于 2021-6-26 23:02
animation-play-state這個屬性沒想到

原來帖子改的，這個屬性對于連續的畫片不要也行，如果是多個單張就是要的好。

作者: 寒冬殘荷 時間: 2021-6-27 20:31

http://www.nujv.cn/data/att ... junfjz77psjxhf5.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... zl0zwngn03787nz.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... szsi55ssnnsclc2.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... tt2bxx2xtzle8ek.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... ktq7zg7g2yybydo.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... ny1nmspycy1slqz.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... j23d02j4x3ukqkz.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... bct67llspld7th0.jpg"); background-size:cover;">

http://www.nujv.cn/data/att ... lxqal111dcclila.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... j29z4n2saawbppt.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... 8ewnr6zhlina6gw.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... wvqoe9t9rwexoqk.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... 855men5n85hnznm.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... vzvvsj6xug09rzr.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... eqjdee4d9xqqce2.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... m46qm6mmqzormd1.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... z7zfljpa1rsajvb.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... cz2md3l3mcz8mmj.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... lintdlbklkyxbts.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... ihyyb7zlt5inqgn.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... z7nzxnb7qbbjjr7.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... 6yp9ejixkyy72yy.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... zc888b6983h8kzh.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... c0p0czsk6ckm0aa.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... fkwp1gnptw8ft8f.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... 1umwe6auphv7177.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... 8nb6pp9xp9bpbex.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... fzy16tfiy4zaiqo.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... js6wl06sjzldtp8.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... dlhwdwkqzw49jrb.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... 42irwwwz2zgjw87.jpg); background-size:cover;">

http://www.nujv.cn/data/att ... i9ns8i588ivm81s.jpg); background-size:cover;">

圖片來源：人民日報訂閱號　編輯制作：華妹

作者: 寒冬殘荷 時間: 2021-6-27 20:32

圖片來源：人民日報訂閱號　編輯制作：華妹

作者: 195400 時間: 2021-6-28 13:17

華妹發表于 2021-6-27 20:32
#pichold { /* 動畫div */
height:540px;
width:49817.5px; /* 48335px + 1482.5px; */

原來的圖片失鏈了

作者: 195400 時間: 2021-6-28 13:25

華妹發表于 2021-6-27 20:32
#pichold { /* 動畫div */
height:540px;
width:49817.5px; /* 48335px + 1482.5px; */

動畫的定義原來是

@keyframes picMoveUp { /* 定義動畫 */
from {right:-48617.5px;} /* 動畫起點 */
to {right:-282.5px;} /* 動畫終點 */
}

復制代碼

如果改成

@keyframes picMoveUp { /* 定義動畫 */
from {left: 0px;} /* 動畫起點第一張圖片左邊與框的左邊對齊 */
to {left: -48335px;} /* 動畫終點最后一張圖片的右邊與框的左邊對齊，所有的圖片在框中都過了一遍 */
}

復制代碼

這樣可能更容易理解些。

作者: 寒冬殘荷 時間: 2021-6-28 17:59

195400 發表于 2021-6-28 13:25
動畫的定義原來是
如果改成
這樣可能更容易理解些。

我的網速慢，從0開始，瀏覽器打開后我都沒能看到第一張圖的前面一截。

作者: 寒冬殘荷 時間: 2021-6-28 18:00

195400 發表于 2021-6-28 13:17
原來的圖片失鏈了

那里要錢的，容量要錢，流量也要錢。

作者: 寒冬殘荷 時間: 2021-6-28 18:04

195400 發表于 2021-6-28 13:17
原來的圖片失鏈了

我上傳圖片到本站個人空間相冊后放帖子不行，只好把圖片放到隨意云網，交了幾元錢用3天，為了自學這幾個屬性的作業。

作者: 195400 時間: 2021-6-28 18:06

華妹發表于 2021-6-28 17:59
我的網速慢，從0開始，瀏覽器打開后我都沒能看到第一張圖的前面一截。

不可理解，網速慢則載入網頁慢怎么會跑出去前面一截，應該是網速快才對吧。

作者: 195400 時間: 2021-6-28 18:07

華妹發表于 2021-6-28 18:00
那里要錢的，容量要錢，流量也要錢。

免費的圖床有很多呀

作者: 195400 時間: 2021-6-28 18:09

華妹發表于 2021-6-28 18:04
我上傳圖片到本站個人空間相冊后放帖子不行，只好把圖片放到隨意云網，交了幾元錢用3天，為了自學這幾個 ...

圖片太多，要排好它們的次序都很麻煩。

作者: 寒冬殘荷 時間: 2021-6-28 18:15

195400 發表于 2021-6-28 18:07
免費的圖床有很多呀

我不知道哪個網站可以上傳并能外鏈啊！

作者: 寒冬殘荷 時間: 2021-6-29 10:02

圖片來源：人民日報訂閱號　編輯制作：華妹

作者: 195400 時間: 2021-6-29 16:25

華妹發表于 2021-6-29 10:02

1.將代碼直接拷貝粘貼到發帖框然后發帖不會被加上[url],但如果點擊編輯打開發帖框代碼就會被加上[url];
2.出現漢字亂碼是由于沒注意代碼的編碼，如是GBK還是GB2312又或是UTF-8,在文件中說明就不會出現漢字顯示不正常了。

作者: 195400 時間: 2021-6-29 16:26
這也是上傳到公共空間的文件

作者: 寒冬殘荷 時間: 2021-6-29 22:53

195400 發表于 2021-6-29 16:25
1.將代碼直接拷貝粘貼到發帖框然后發帖不會被加上,但如果點擊編輯打開發帖框代碼就會被加上;
2.出現漢字 ...

謝謝老師指導！

第一個問題還是沒搞明白，第二個問題解決了，是我不懂得在html文件中標明編碼方式。

作者: 195400 時間: 2021-6-30 07:50

華妹發表于 2021-6-29 22:53
謝謝老師指導！第一個問題還是沒搞明白，第二個問題解決了，是我不懂得在html文件中標明編碼方 ...

就是直接在論壇發帖不經過其它地方倒手。您的主帖不就是這樣嗎。

,但如果點擊編輯打開發帖框代碼就會被加上;

z
這一句是我說錯了，所說的現象其它個別論壇有，這里不會出現。

歡迎光臨中畫網 (http://www.nujv.cn/)

Powered by Discuz! X3.4

主站蜘蛛池模板：欧美综合天天夜夜久久| 国产综合在线观看| 国产日韩欧美综合| 精品久久久久久综合日本| 国产综合在线观看| 鲁一鲁一鲁一鲁一曰综合网| 久久狠狠爱亚洲综合影院| 国产成人精品综合在线观看| 亚洲国产精品成人AV无码久久综合影院 | 色婷婷综合久久久久中文 | 91超碰碰碰碰久久久久久综合| 国产综合精品蜜芽| 亚洲另类激情综合偷自拍图| 欧美亚洲综合另类成人| 国产成人亚洲综合无码| 日韩欧美国产综合| 色爱区综合激情五月综合色| 亚洲综合视频在线| 日韩亚洲国产综合久久久| 日韩欧美国产综合在线播放| 亚洲欧洲日韩国产综合在线二区| 成人精品综合免费视频| 日韩欧美色综合网站| 国产激情电影综合在线看| 亚洲VA综合VA国产产VA中| 丁香五月综合缴情综合| 精品亚洲综合久久中文字幕| 国产欧美日韩综合精品二区| 亚洲国产日韩欧美综合久久 | 色欲老女人人妻综合网| 色8激情欧美成人久久综合电| 一本久道久久综合狠狠爱| 亚洲日本国产综合高清| 婷婷久久综合九色综合98| 欧美伊人久久大香线蕉综合69| 狠狠色丁香婷婷久久综合五月| 国产欧美日韩综合自拍| 综合久久国产九一剧情麻豆| 欧美伊人久久大香线蕉综合69| 亚洲欧美日韩综合aⅴ视频| 激情97综合亚洲色婷婷五|

<button id="vetvv"><form id="vetvv"></form></button>

<label id="vetvv"></label>

<label id="vetvv"></label>

<button id="vetvv"></button>