次に取り組むのは体の背景です。
そして、実際にはこれは背景画像ではありませんが、このように見えるものが見つかるとうまくいくでしょう。
しかし、それは実際にCSXが私のために追加しているグラデーションです。
したがって、本質的には線形グラデーションを書くことができます。独自のグラデーションを作成するのではなく、私たちが作業することができるいくつかの素晴らしいプリミティブカラーグラデーションを備えた素晴らしいリソースを紹介します。自分の。
それはグラデーションドットコムと呼ばれています。
そしてそれには、いくつかの勾配があり、矢印キーを使ってそれらのいくつかを見ることができます。
だから、私が好きなものを見つけるまで、私はちょうど行った。
だから私が必要とするのは、CSSAコードを入手するか、またはEnterキーを押してこのコードをクリップボードにコピーして本文を選択するだけです。
だからボディとペーストでそれを貼ります。
実際には1行にすぎませんが、ブラウザの接頭辞はすべて異なります。
Opera用Internet Explorer Firefox for Chromeのプレフィックス
しかし、それは何ですか。
バックグラウンドを線形グラデーションに設定し、2つのカラーとそれらのカラーの異なるパーセンテージと角度を選択しています。
だから私たちが私たちをリフレッシュするなら、それが今のように見えるようにしましょう。
この素晴らしいグラデーションがあります。
だから私たちはそこで遊ぶことができます。
あなたはもう少しチェックアウトして、自分のものを自由に使うことができます。
私が決めたものはボラボラとここで呼ばれています。
そのコピーをクリップボードにコピーしてこのコードを置き換えます。
この新しい勾配は、ここではもう一つ別の線形勾配であり、他の誰かが2つの色をそれぞれ別の割合で書きました。
そして私たちは救います。
そして今すぐチェックしてみてください。
そしてそこに行く。
だから我々は近づいている。
私たちが取り組むべき大きなものはアイコンです。
そこで、プラスのアイコンが表示されます。
これはフォームを表示して非表示にしてからごみ箱を持っていることです。
これらのアイコンをfontというライブラリの一部に含める必要があることもわかります。
驚くばかり。
だから素晴らしいフォントに行くと、WebサイトのためのちょうどFonte素晴らしいです。
私は彼女を取得する
そしてそれはすべての束のアイコンです。
ですから、私たちがアイコンの下を見ると、あなたが見ることができるように私たちが使うことができるすべての異なるアイコンの巨大なリストがあります。
そのため、このライブラリをアプリケーションの中に組み込む必要があります。そこでダウンロードしてダウンロードしてください。また、フォントをダウンロードすることもできます。
素晴らしいCDNだけでなく、これらのCDNのいずれかを使用してください。
いずれかが動作します。
ですから、すでにJayのクエリをダウンロードしているので、CDを使用してそのリンクをコピーします。
その後、私はインデックスページのTimoに行きます。リンクタグを追加する必要があります。CSSAファイルなので、実際にはjavascriptファイルやフォントではありませんが、C
Ssファイルで保存します実際にはあらかじめ作成され、あらかじめ作成されている要素を追加できるクラスがたくさん用意されていますので、いくつか例を示します。
バッテリーを空にするかバッテリーを3分の1と言うのかを知りたい場合は、クラスをfashと呼びます。ダッシュバッテリーダッシュ3つのダッシュコーターを追加する必要があります。
それをH-1に入れましょう。
それはアイコンのアイコンを表し、私たちはそれをクラスにして、ここに何も入れる必要はありません。
私たちはそれを空白にしておき、これはRifanを素晴らしい状態にします。
そして、これはアイコンの名前であり、リフレッシュを保存して、3分の1バッテリーアイコンではなく、そのバッテリーアイコンを持っています。
私たちはプラスサインとゴミ箱が欲しいので、ここではH-1の内部でアイコンを保持し、クラスを維持するが、Fを望む。
A. 自分のアイコンを自由に使用することができます。
あなたが素晴らしいことを見つけるために行くと、私たちも鉛筆のようなアイコンや鉛筆や紙のいずれかを使用することができるので、あなたが好きな別のものを見つける場合、私は新鮮だったし、私たちが行う必要があるのは、それを最初に選択することなので、私たちは犬を選択します。
Fはダッシュプラスで、ちょうどそのようにフローティングされ、最新の状態に更新されます。
さあ、ゴミ箱に取り掛かりましょう。私たちはまだアニメーションを扱うつもりはありません。
私たちはゴミ箱をXの代わりにまったく表示するようにしています。
だから私たちの元に戻って、私たちは実際にXを取り除くつもりで、私たちは別のeタグを追加しようとしており、e-TAGはFAAのクラスと名前ゴミ箱アイコンはFAAです。ダッシュゴミ箱を他のスパンにコピーしてください。これは、ページが読み込まれたときに既存のものだけが使用されますが、新しいものには3つのゴミ箱があります。
我々はまだ元を扱っている。
だから私たちはここでJavascriptに行きたい。
新しいペンをつけると、Xでスパンを追加したくありません。
アイコンを追加したいので、引用符が干渉しないようにする必要があります。
したがって、ここで一重引用符を使用して保存すると、スパンの内側にゴミ箱アイコンが表示されます。
だから新しいものをいくつか追加しましょう。
そこに行く。
また、まだスパンの内側にいるので、クリックすることはできます。
つまり、スパンではなくアイコン要素です。
だから私はまだイベントをクリックします。
さて、この単純なアニメーションを作ってみましょう。これはすべてCで実行されます。ここでスパンは実際にページが読み込まれたときに隠されていると評価します。
彼らは豊かなゼロを持っています。
私がマウスを動かすと、実際に幅を40ピクセルに拡大してから、トランジションプロパティを使ってアニメーション化しています。
それでは、いくつか試してみましょう。
私たちのCSSAファイルを開き、最初に行うスタイルはスパンスタイルなので、赤色の背景色を与えてリフレッシュします。
そして今、私たちはその周りに赤い背景を持っています。
次の作業は40ピクセルの高さですが、それほど多くはないようですが、さらにいくつかのプロパティを追加すると違いに気付くでしょう。
20ピクセル右に余白を加えて戻ってみましょう。
今ここで私たちが望んでいた空間が与えられました。
次に、ここにテキストの中心を配置しましょう。これは、ここでスパンのわずかな違いです。
重要なアイコンの中のアイコンは、アイコンを白すぎるように白すぎるようにすることです。
大丈夫。
だから私はアニメーションを使わずに最初にこのように見えるようにして、いつもそこにいるようにするつもりです。
そして、それらをアニメーション化して、移動するまで隠されるようにします。
だから私たちは近づいていますが、私たちは垂直方向と水平方向にもっと多くのスペースを取る必要があります。
そこで私は40ピクセルを加算して、最終的にはゼロに設定し、ブロック2の表示を2に設定します。
そして私は今リフレッシュします。
それはちょうどいいようです。
したがって、次にアニメーションを行うことです。
そしてそれがうまくいく方法は、実際には幅をゼロに設定することです。
だから、私が味方に乗るまで、これらのスパンはすべて0になってから、それを40倍に増やします。
それでは、今やってみましょう。
私はゼロを設定し、その後、味方だけではなく味方にマウスを乗せたときに、味方の上にマウスを置いたときに、味方している仲間の範囲を選択したいと考えています。
そして、それと同じように40ピクセルになるように設定します。
そして、私たち自身のバージョンに戻ってリフレッシュしましょう。
スパンがなくなったことがわかります。
私が上に乗って飛ぶと、そのスパンが現れ、ボタンが機能します。
次の機能では、アニメーション化して瞬時に表示されるのではなく、トランジションプロパティを使用するだけです。
それで、スパンでは、遷移のゼロ点を2秒追加し、一定の速度で移動することを意味するイージングを単にリニアにします。
そしてそこに行く。
私たちは素晴らしいアニメーションを持っています。
アイコンが幅がゼロピクセルのときでさえまだアイコンが表示されていることを邪魔する小さなアイテムが1つあります。
だから見るのは本当に難しいですが、ここでアイコンを見てください。
私がそれに乗っていなくても、まだそこにある。
だから、私たちがやることは、スパンの不透明度をゼロに設定し、それをホバーするときに1に設定することだけです。
したがって、不透明度は0、次に不透明度は1です。 0にする。
そしてそれはそれを処理する必要があります。
今はアイコンが見えません。
それがあり、それが消えて、移行プロパティがすべてに影響を与えているので、それも消えます。
だから2にしましょう。 2秒後に私はあなたを見せます。
フェードインしてからフェードアウトする方法に注目してください。
だから、それは非常に遅いバージョンです。
そして、我々は0を行うだけです。 2。
私たちが残した1つの小さな迷惑なことがあります。あなたがここで本当によく見るか、サイズを大きくすると、入力とこのリストの間に小さなギャップがあります。
しかし、私は今そこに集中するときにギャップがなくなる。
そして、私が集中していないとき、それは戻ってくる。
だから、私たちは目に見えない小さな境界線を追加するつもりであることを修正するために、実際にはRのちょうど小さな境界線を持つことになります。
G. 0 0 0 0
0 0私たちが焦点を当てているときに私たちの国境と同じ空間を占めるにすぎません。
だから私たちはここに戻り、3ピクセルのソリッドR-Gaの境界線を与えます。
ゼロゼロゼロゼロ。
だからそれは私たちに目に見えない境界を与えてしまうでしょう。
しかしここに気づくと、少しばかりの隙間がなくなるように今更新するつもりです。
だから今焦点が当てられたときに国境が平らであるだけでなく、実際には見えないほどに境界線がある