かっこ株式会社:参考作品

https://cacco.co.jp/ こんにちは。ささめまです。スッキリかっこいいサイトを発見したのでメモメモ。 パララックスをふんだんに使ってます。パララックスを使うとリッチというかオーガニックというか実写が似合う […]

マウスオーバーで囲み線がシュルッと消えるアニメーションボタン

こんにちは。ささめまです。 憧れのsvg駆使しまくりのオシャレサイトに使いたいボタンをご紹介します。(憧れのオシャサイトは近日中に参考作品としてご紹介します!) \ コピペでそのまま使えます / demo button […]

anga:参考作品

https://www.anga.jp/ こんにちは。ささめまです。 ツイッターを彷徨っていてたまたま見つけた会社のサイトがなんだか素敵だったのでメモ。 元々フリーランスでWEBデザイン等の仕事をしていた方が法人化したら […]

マウスオーバーでボタンを二重の四角で囲うホバーアニメーション

こんにちは。ささめまです。 最近制作開始した細い線の多いサイトに使いたいなーと思っているボタンをご紹介します。 \ コピペでそのまま使えます / demo button code design 鉤括弧風の飾りに囲まれたボ […]

cssで背景を斜めストライプにする方法

こんにちは。ささめまです。 WEBサイトがちょっとポップな雰囲気になる背景をご紹介します。 \ コピペでそのまま使えます / demo sample code design 薄い色の極細ストライプにして文字の背景にしたり […]

peaceday19:参考作品

https://peaceday.jp/2019/https://peaceday.jp/2019/ こんにちは。ささめまです。 スライダーのドットをにゅーんと動かせるスクロールバーにしたくて記事を読み漁っていたところ、 […]

ぽこっと押せるcssで斜めストライプの影がついたボタンの作り方

こんにちは。ささめまです。 見た目が可愛くて(楽しくて?爽やかで?)マウスオーバーした時もぽこっと引っ込んでちょっと気持ちいいボタンをご紹介します。(以前制作したT-SITE SHOPPINGのクリスマスキャンペーン特設 […]

画像の形で差をつけろ!cssでimgをちょっとかわいい形にする方法@ただの角丸は飽きました

こんにちは。ささめまです。\ 白石麻衣、かわいー! / 清楚系サイトを探して資生堂のコーポレートサイト経由でブランドサイトをサーフィンしていたらSENKAのサイトでかわいらしいborder-radiusの使い方を見つけた […]

yoshikoさんのポートフォリオサイト:参考作品

こんにちは。ささめまです。私がとても尊敬している有名なエンジニアさん、yoshikoさんのポートフォリオサイトがとてもかっこいいのでご紹介します。 ↑下に行くとまた違ったデザインで動きもかっこいいのでぜひリンクに飛んで体 […]

マウスオーバーで二重線が一本に揃うオシャレアニメーションボタン

こんにちは。ささめまです。 ここ3年くらい細い線を多用したサイトがかっこいいなーと思ってて、時間があればいい感じの素材を探しています。今度の案件でシンプル上品なイメージをリクエストされているので、情報収拾の成果が出せそう […]