css3にはどのような組み込み関数がありますか?
css3 組み込み関数には、calc()、cubic-bezier()、hsl()、hsla()、linear-gradient()、radial-gradient()、rgba()、var() が含まれます。 、max()、min()、cycle()など。
#このチュートリアルの動作環境: Windows 7 システム、css3 バージョン、Dell G3 コンピューター。
チュートリアルの推奨事項: css ビデオ チュートリアル
css3 組み込み関数:
calc()、cubic-bezier ()、hsl()、hsla()、linear-gradient()、radial-gradient()、繰り返し-linear-gradient()、繰り返し-radial-gradient()、rgba()、var()、max() 、min()、cycle()など。
css3 のいくつかの組み込み関数の紹介:
##拡張情報: css 関数
- 属性関数: attr();
- 背景画像関数: Linear-gradient()、radial-gradient()、conic-gradient ()、繰り返し線形グラデーション()、繰り返し放射状グラデーション()、繰り返し円錐グラデーション()、画像セット()、画像()、url()、要素();
- カラー関数: rgb()、rgba()、hsl()、hsla()、hwb()、color-mod();
- グラフィック関数:circle( )、ellipse()、inset()、polygon()、path()
- フィルター関数:blur()、brightness()、contrast()、drop-shadow () 、grayscale()、hue-rotate()、invert()、opacity()、saturate()、sepia();
- 変換関数:行列()、行列3d( )、perspective()、rotate()、rotate3d()、rotateX()、rotateY()、rotateZ()、scale()、scale3d()、scaleX()、scaleY()、scaleZ()、skew()、 skewX( )、skewY()、translate()、translateX()、translateY()、translateZ()、translate3d();
- 数学関数: calc()、min() 、max ()、mixmax()、repeat();
- イージング関数: cubic-bezier()、steps();
- その他の関数: counter()、counters()、toggle()、var()、symbols()。
プログラミング入門をご覧ください。 !
以上がcss3にはどのような組み込み関数がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









純粋な CSS3 で波の効果を実現するにはどうすればよいですか?この記事ではSVGとCSSアニメーションを使って波のエフェクトを作成する方法をご紹介しますので、お役に立てれば幸いです。

この記事では、頻繁に登場する様々な奇妙な形のボタンをCSSを使って簡単に実現する方法を紹介しますので、ぜひ参考にしてください。

2 つの方法: 1. display 属性を使用して、要素に「display:none;」スタイルを追加するだけです。 2. Position 属性と top 属性を使用して、要素の絶対位置を設定し、要素を非表示にします。要素に「position:absolute;top:-9999px;」スタイルを追加するだけです。

CSS では、border-image 属性を使用してレースの境界線を実現できます。 border-image 属性では、画像を使用して境界線を作成できます。つまり、境界線に背景画像を追加できます。背景画像をレース スタイルとして指定するだけで済みます。構文「border-image: url (画像パス) は、内側への画像境界線の幅。開始を繰り返すかどうか;"。

テキストカルーセルと画像カルーセルを作成するにはどうすればよいですか?皆さんが最初に考えるのはjsを使うかどうかですが、実はテキストカルーセルや画像カルーセルも純粋なCSSでも実現できますので実装方法を見ていきましょう。

実装方法: 1. ":active" セレクターを使用して、画像上のマウス クリックの状態を選択します; 2. 変換属性とscale() 関数を使用して、画像の拡大効果を実現します。構文 "img:active {transform : スケール(x 軸倍率、y 軸倍率);}"。

CSS3 では、「animation-timing-function」属性を使用してアニメーションの回転速度を設定できます。この属性は、アニメーションがサイクルを完了する方法を指定し、アニメーションの速度曲線を設定するために使用されます。構文は「element {アニメーションタイミング関数: 速度属性値;}"。

css3 のアニメーション効果には変形があり、「animation: アニメーション属性 @keyframes ..{..{transform: 変換属性}}」を使用して変形アニメーション効果を実現できます。アニメーション属性はアニメーション スタイルを設定するために使用され、変形スタイルを設定するには、transform 属性を使用します。
