プログラミングブログ

小3が解説するプログラミングのブログ

【CSS3】loading…の作り方（中級者）[フリガナあり]

by · 公開済み · 更新済み

赤丸先生
赤丸先生

今回こんかいも、CSS3シーエスエススリーをやっていくよ。

またCSSシーエスエス？

もうCSSシーエスエスはいいでしょ、

青丸くん
青丸くん
赤丸先生
赤丸先生

駄目だめだよ！ブログやっている人ひとは、結構CSSけっこうシーエスエスを使つかうからね。

えーScratchスクラッチやりたいよー

青丸くん
青丸くん
赤丸先生
赤丸先生

まずは、下したしたののようなものを作つくっていくよ！

凄すごい！でもコードは1000行せんぎょうくらいでしょう。

青丸くん
青丸くん
赤丸先生
赤丸先生

1000行せんぎょうもないし、しかもコピペでOK!

コピペって？

青丸くん
青丸くん

赤丸先生あかまるせんせいの辞書じしょ

コピペ（こぴぺ）

 コピペとはコピー&ペーストのこと

なるほどー

ってそれだけでできるの!?

なんで？

青丸くん
青丸くん
赤丸先生
赤丸先生

それは後あとで説明せつめいするよ。

赤丸先生
赤丸先生

まずは、https://icons8.com/cssload/にアクセスしてね。

そうすると、下したのようなところもあるよね。

Spinners、Horizontal bars、3-Dimensional、Miscellaneous、Animated text

これは、どれでもいいけど、今回こんかいは、Spinnersを選択せんたくしたよ。

次つぎに、下したのようにクリックしてね。

↑を選択せんたく　　　　　　　　

#000000と出でてるのは、色いろだよ。

Speedは、スピードだよ。

Sizeは、大おおきさだよ。

そしたら、「Get code」を押してね。

赤丸先生
赤丸先生

そしたら、コードが出るよ。

WordPressワードプレスの場合、「カスタム HTMLエイチティーエムエル」を押ぽおして、

<html>
//HTMLのコードをかく
</html>
<style>
//CSSのコードをかく
</style>
※//はかざりです。

と打うってね。

これで実行じっこうすると、できるはずだよ。

じゃあ、

ちょっとまって、僕全ぼくまったく喋しゃべってないから喋しゃべらせて！

青丸くん
青丸くん

d祖いfじゃぴおsdふぃあおjsdふぃおはfbぢう亜hsぢfはおsfどいう亜hsぢ右派dfhkjhさdlkjf補sjdhふぉkじゃhdふぃうはs地附いあヴshふぃうあぢうh部亜vhvdふぁｈｓづふぃｖはんｄしｆｈのｈｓどいあｈｖそｄｆはｓぢおうｆはヴぉｓぢｆはいｓｖづあいうｓｈｆだｖｈｓどはおしゃおうｓぢはおいうｓｄｖはおいうｓｄｆｈヴぁおうｄ

青丸くん
青丸くん
赤丸先生
赤丸先生

うるさいよー

ばいばーい

2人
2人

ばいばーい

アバター

amuos1210

小3です。scratchやHTML、CSS、JavaScript、Pythonなどが好きです。 最近動画編集もはまっています。

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。