CSS transition-timing-function プロパティ
transition-timing-function(トランジション・タイミング・ファンクション)プロパティは、変化の流れ(変化の仕方)を指定します。
transition-timing-function(トランジション・タイミング・ファンクション)プロパティは、変化の流れ(変化の仕方)を指定します。
transition-delay(トランジション・ディレイ)プロパティは、変化が始まるまでの待ち時間を指定します。
transition-duration(トランジション・デュレーション) プロパティは、変化が始まって終わるまでの時間を指定します。
transition-property(トランジション-プロパティ) プロパティは、トランジション効果を適用するプロパティを指定します。
ホバー(:hover)を使って CSS transition(トランジション) の簡単なアニメーションを解説します。
Webフォントの技術を使って様々なアイコンを提供してる便利なサービス『Font Awesome』を紹介します。
メディクエリとは、特定の環境やデバイスを判定するときに用いられるものです。最近、一般的に使われるのはサイトを閲覧しにきたメディアの環境、横幅で判定しPCかスマートフォンか判断する方法です。簡単な例は下記です。
cssを扱う上で、押さえておかないといけないことに「詳細度(Specificity)」があります。cssの特異性ともいわれているセレクタの記述に関する優先順位の概念です。
例えば、.hogeと.pekoの二つのクラスを持たない要素に指定したい場合は、カンマを用いて記述します。
cssではじめの子要素以外を指定したい場合、セレクタを分けたりクラス名で識別したりといろいろな方法が考えられますが、一つのセレクタでまとめる方法として:notを用いた方法とそれ以外の方法を紹介します。
Webdesign(html , css , javaScript)、Wordpress(php)、Photoshop、Illustrator、ePUB