ボックス内にborderで破線を作る
ある案件でボックス内側に波線を作り、ボックスの角をドックイヤーにするという作業をしましたので備忘録を兼ねて掲載しておきます。掲載されているソースコードはコピーペースト、またはカスタムしてご自由にお使いください。 demo […]
CATEGORY Web
オシャレでシンプルな矢印まとめ
ウェブサイト内の様々な用途で使用する事が多い【矢印】をcodepenで集めたので紹介させて頂きます。全てCSSで作られておりコピーペーストで簡単に実装できます。 See the Pen Arrow Animation b […]
jQueryで作る「ページトップへ戻る」
多くのウェブサイトで当たり前のように設置されており、ユーザビリティーの向上につながるページトップスクロールのコードを掲載します。様々な制作方法があると思いますが、今回紹介する方法にはjQueryを用います。動きがスムーズ […]
マウスオーバーで画像拡大のエフェクト
画像ホーバーした時に画像はズームさせ下のキャプション文字は「にゅ〜」っとアップスクロールさせるエフェクトを作成しましたので掲載いたします。また、画像全体にリンクをかけているので、ユーザービリティー向上にも一役かえそうです […]