長野県長野市・松本市ウェブ制作事業部 コンサルテイングFARM

CSS3でテキストを効果的に!

ATFコンサルティングFARM

ATFコンサルティングFARM

マーケティングがあなたのビジネスの目標達成を支援します。

HubSPot+ ATFC担当に相談する

CSS3で再定義されたtext-shadow。通常のtextにちょっとしたアクセントがほしい時に効果的だ。見出しやタイトルなどにさりげない「少しのアクセント」として使うことでサイトのクオリティをあげることができる。
あまり強調しすぎると逆に一昔前のWebサイトのようなコテコテ感がでてしまうので注意。

サンプル

WebAthlete

text-shadow: 1px 1px white, -1px -1px #444;

WebAthlete

text-shadow:1px 0 #333,0 1px #333,-1px 0 #333,0 -1px #333;
WebAthlete
text-shadow: 1px 1px 0 #e4f1ff;

さらにCSS3のtransitionで装飾

※マウスオーバーでズーム!

Web Athlete

CSS3のtransitionはアニメーションを設定できるプロパティだが、ここまでくると少し遊びがでてしまう。しかしタイトルロゴ・バナー・メニューなど使いどころを考えてサイトのクオリティアップを。

SNS

Share on facebook
Share on twitter
Share on linkedin

Webの活用が上手な企業が勝ち組になる時代

Webサイトはマーケティングの最強ツールです! 購買プロセスに沿ってWebサイトを制作する必要があります。まず、①ユーザに自社を知ってもらう。もちろん「どんなベネフィットをどんな人へ」提供しているのかをターゲットユーザに

ブログを読む »
松本市ホームページ制作

「知らなければ損というよりも知ってれば得」最大限の成果が得られるウェブサイトの作り方。

成果が得られるウェブサイトの作り方 ビジネスに効果的なWebサイト、いわゆるホームページを作る時の比較的小規模の事業社から中規模の事業社まで対応できる最大限のWebからの効果の得るためのホームページの作り方を描いてみよう

ブログを読む »

HubSpotのすべて

ダウンロード