WEB DESIGN

WEB制作用のメモ書きサイトです

WORKS

LP

mailmagazine

Rakuten

サイト模写

仮想サイトのデザイン・コーディングをし、ソースコードを公開しました。
これからHTML/css/javascriptを勉強する方は、模写コーディングとしても使えます。
※各模写サイトのページ下部、フッター部分にソースコードのリンクがあります。

difficulty★★★★

difficulty★★★

difficulty★★

difficulty

見出し装飾

ダミータイトル

border-bottomを使ったシンプルな装飾です

ダミータイトル

content: "";の疑似要素を使った装飾です

ダミータイトル

content: "";の疑似要素とpositionを使った装飾です

read more

ボタン動作

sample

ホバーすると色が薄くなるシンプルな装飾です

sample

ホバーすると色が逆転する装飾です

sample

ホバーすると色が左からスライドしてくる装飾です

read more