カルーセル・スライダーをカスタム
レスポンシブに強く様々なレイアウトが揃っているslick sliderは多くの方がご存知だと思います。この度、slick sliderのカルーセル・スライダーで矢印を素材に変更し両サイドの少し見えている部分を透過するとい […]
CATEGORY Web
hrタグのジグザグラインを応用
先日ネットサーフィンをしていたら【hr】の境界線をジグザグにしてあるサイトを見つけて「どうやってやってるんだろ!?」と思って、ググってみるとありました。codepenで発見することができたので、とりあえず埋め込んでおきま […]
flexboxでブログ出力3カラム作成
前にCSS3のFlexboxを使ってみましたという記事を掲載させて頂きましたが、今回はこちらのページを参考にさせて頂き発火ポイントにスクロールが達するとjQueryが作動しカラムが順にフェードインしてくるエフェクトを追加 […]
ホバー時に画像をズームさせるエフェクト
ホバー時にバックグラウンドはズームさせ、バナー画像は透過させるエフェクトを作成しましたので、備忘録も兼ねて掲載させて頂きます。バナーはただブランドのロゴ画像にリンクを貼っているだけでは、クリックされる可能性が低いと思い、 […]
フルスクリーン画像とボックス中央配置
仕事でフルスクリーン画像の上にテキストボックスを置き画面の中央に表示し、ボックスのバックグラウンドは透過しつつテキストは透過しないという作業がありましたので、備忘録にソースを掲載しておきます。 demo HTML下記掲載 […]