紙っぽいかわいいWebサイト作りたい - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

281 usersがブックマークコメント

規約違反を報告

紙っぽいかわいいWebサイト作りたい - Qiita

かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！思いつい... かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！思いついたら追加する「版ズレ」風版ズレ＝印刷の際に、色の版がズレて出力されてしまう現象。（アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます）一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする（疑似要素でやりたかったけど乗算上手くいかなかった・・） ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

記事へのコメント11件

注目コメント
新着コメント

Falky せめてaria-hidden入れて欲しいって、めちゃくちゃ入れてますやん。どういうこと？

2024/04/28 リンク

kuracom テキストの内容が重複する装飾用要素はせめて aria-hidden を入れてほしい / 後で入れていただいたようで、ありがとうございます / id:Falky 閲覧当時全く入ってなかったんですよ https://qiita.com/nhs95010/items/21b556e8db6d3780a2e9/revisions