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

赤丸先生
赤丸先生

今回こんかいも、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ふぁhsづふぃvはんdしfhのhsどいあhvそdfはsぢおうfはヴぉsぢfはいsvづあいうshfだvhsどはおしゃおうsぢはおいうsdvはおいうsdfhヴぁおうd

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

うるさいよー

ばいばーい

2人
2人

ばいばーい

アバター

amuos1210

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

おすすめ

コメントを残す

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

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