マガジンのカバー画像

ポートフォリオ備忘録

3
本
ポートフォリを作成していく中で面白かった技術を適当にまとめたやつ。
運営しているクリエイター
K

ポートフォリオ備忘録 -section間グラデーション-

-section間のグラデーション-目的 ポートフォリオのページをスクロールするときにトップの画像から作品一覧のセクションへの切り替わりがつまらなかったので変化を持たせたかった。 実際のコード/css .area_top_view { position: relative; background: linear-gradient(to bottom, transparent 0%, transparent 68%, #fff 100%), url(../img/b

K

ポートフォリオ備忘録 -テキストの回転-

三次元的に奥に回転するテキスト目的 トップビューのテキストの表示に遊び心を持たせてみたい。 実際のコード/html <section class="area_top_view"> <div class="container"> <!-- <p class="top_ttl">Ida Takuma</p> --> <!-- <p class="sub_ttl">It is just a portfolio.</p> --

K

ポートフォリオ備忘録 -横スクロール-

リストの横スクロール目的 作品一覧を横スクロールにまとめたい。 一つのジャンルの作品だけで縦に長くなると読みにくいから。 実際のコード/html <ul class="unorderd_list_works"> <li class="list_works"><img src="cmn/img/ideogram/test.jpeg" class="works_img" onselectstart="return false;" onmousedown="return f

K