webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

グラデーション

【AE】長方形グラデーションの作成

レイヤー→新規→平面 平面レイヤー上で右クリック コンテクストメニューから、光彩、やドロップシャドーを選択する。 赤丸のパラメーターを使って調節する こんな感じで、白い長方形(平面)に黒の光彩を作るとトラックマットに使用できます。 この平面レイヤ…

radial-gradient 放射状のグラデーション

放射状のグラデーションを作ってみます。 「end color」は要素の外に置けるみたいです。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>background-blend-mode test</title> <style> .left{ width :50%; height: 560px; float: left; background:radial-gradient(#ffffff 0%, red 100%); } .right{ width: 50%; height</meta></head></html>…

css gradation / linear-gradient

グラデーションラインは、グラデーション画像を含むボックスの中心と、角度によって定義されます。グラデーションの色は、始点、終点と、省略可能な中間点の各点でそれぞれ定義されます。 「to bottom」は、下に向かって、ということだから視点は上になる。…