CSS

 Computer >> コンピューター >  >> プログラミング >> CSS
  1. CSS標高プロパティ

    標高プロパティは、音が垂直方向から来る場所を設定します。可能な値は次のとおりです- 角度 −高度を-90度の間の角度として指定します および90度 。0度 前方の地平線上を意味し、大まかにリスナーとのレベルを意味します。 90度 直接頭上を意味し、- 90deg 真下を意味します。 下 −「-90度」と同じ。 レベル −「0度」と同じ。 上記 −「90度」と同じ。 高い −現在の高度に10度を追加します。 下 −現在の高度から10度を差し引きます。 次のコードを実行して、CSS標高プロパティを実装してみてください- <style>    <!--

  2. CSSでアニメーション効果をフェードアウト

    CSSを使用して画像にフェードアウトアニメーション効果を実装するには、次のコードを実行してみてください 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);           &

  3. CSSでページサイズを設定する値

    ページサイズの設定に使用できる値は4つあります- 自動 −ページボックスは、ターゲットシートのサイズと向きに設定されます。 風景 −ターゲットの向きを上書きします。ページボックスはターゲットと同じサイズで、長辺は水平です。 ポートレート −ターゲットの向きを上書きします。ページボックスはターゲットと同じサイズで、短辺は水平です。 長さ −sizeプロパティの長さの値は、絶対ページボックスを作成します。長さの値を1つだけ指定すると、ページボックスの幅と高さの両方が設定されます。 sizeプロパティにパーセンテージ値を使用することはできません。 次の例では、ページボックスの外縁がターゲットに揃

  4. CSSを使用したバウンスインダウンアニメーション効果

    CSSでバウンスインダウンアニメーション効果を実装するには、次のコードを実行してみてください- 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);            

  5. CSSで背景画像のサイズを指定する

    CSSのbackground-sizeプロパティは、背景画像のサイズを指定するために使用されます。次のコードを実行して、background-image-を実装してみてください。 例 <html>    <head>       <style>          #demo {             border: 5px dashed green;      

  6. CSSを使用した左アニメーション効果でのバウンス

    CSSでバウンスインレフトアニメーションエフェクトを実装するには、次のコードを実行してみてください- 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);           &n

  7. CSSのbackground-originプロパティ

    CSSのbackground-originプロパティは、背景画像の位置を指定するために使用されます。 例 次のコードを実行して、background-originプロパティを実装してみてください。 <html>    <head>       <style>          #demo {             border: 5px dashed red;     &n

  8. CSSを使用した右のアニメーション効果でのバウンス

    CSSでバウンスインライトアニメーションエフェクトを実装するには、次のコードを実行してみてください- 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);           &n

  9. CSSでアニメーション効果を跳ね返す

    CSSでバウンスアウトアニメーション効果を実装するには、次のコードを実行してみてください- 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);            

  10. CSSでアニメーション効果をバウンスアウト

    CSSでバウンスアウトダウンアニメーション効果を実装するには、次のコードを実行してみてください- 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);           &nbs

  11. CSSでアニメーション効果を跳ね返す

    CSSでバウンスアップアニメーション効果を実装するには、次のコードを実行してみてください- 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);             bac

  12. CSSで左のアニメーション効果を跳ね返す

    CSSでバウンスアウト左アニメーション効果を実装するには、次のコードを実行してみてください 例 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);             ba

  13. CSSのbackground-clipプロパティ

    CSSのbackground-lipプロパティは、背景のペイント領域を宣言するために使用されます。次のコードを実行して、CSSでbackground-clipプロパティを実装してみてください- 例 <html>    <head>       <style>          #demo {             border: 5px dashed red;     &nbs

  14. CSSを使用してすべての背景画像のプロパティを1つのセクションに設定します

    CSS背景プロパティは、すべての背景画像プロパティを1つのセクションに設定するために使用されます。 例 次のコードを実行して、backgroundプロパティを実装してみてください。 <html>    <head>       <style>          #demo {             background: lightblue url("https://www.tuto

  15. CSS一時停止プロパティ

    このプロパティは、 pause-beforeを設定するための省略形です。 およびpause-after 。 2つの値が指定されている場合、最初の値は pause-before 2つ目は一時停止後です。 例 CSSのpauseプロパティの例を見てみましょう- <style>    <!--       /* pause-before: 20ms; pause-after: 20ms */       h1 { pause : 20ms }       /* pau

  16. CSSのpause-beforeプロパティ

    このプロパティは、要素のコンテンツを話す前に観察される一時停止を指定します。可能な値は次のとおりです 時間 −一時停止を絶対時間単位（秒とミリ秒）で表します。 パーセンテージ − Speech-rateの値の逆数を指します 財産。たとえば、発話速度が1分あたり120語（つまり、1語に0.5秒、つまり500ミリ秒かかる）の場合、一時停止 100％の場合は、500ミリ秒の一時停止と一時停止前を意味します 20％は100msを意味します。

  17. CSSで背景のペイントエリアを宣言する方法

    CSSのbackground-clipプロパティは、背景のペイント領域を宣言するために使用されます。次のコードを実行して、CSSでbackground-clipプロパティを実装してみてください- 例 <html>    <head>       <style>          #demo {             border: 5px dashed red;     &

  18. CSSで背景画像を指定する

    CSSのbackground-imageプロパティは、背景画像を指定するために使用されます。次のコードを実行して、背景画像を設定してみてください- 例 <html>    <head>       <style>          #demo {             border: 5px dashed red;           &nbs

  19. CSSのアニメーション効果

    アニメーションは、モーションエフェクトを作成し、外観を変更するプロセスです。CSSは、イベントモーションを変更するために、さまざまなアニメーションエフェクトをサポートしています。 アニメーションでは、キーフレームという概念が使用されます。キーフレームは、CSS3の中間アニメーションステップを制御します。 次の例は、キーフレーム構文を使用したアニメーションの高さ、幅、色、名前、および継続時間を示しています- 構文 @keyframes animation {    from {background-color: pink;}    to {backgro

  20. CSSで背景画像の位置を指定する

    CSSのbackground-originプロパティは、背景画像の位置を指定するために使用されます。次のコードを実行して、background-imageプロパティを実装してみてください- 例 <html>    <head>       <style>          #demo {             border: 5px dashed red;     &nbs

Total 1566 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:65/79  20-コンピューター/Page Goto:1 59 60 61 62 63 64 65 66 67 68 69 70 71