忍者ブログ
18 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

13 July

画像　hover　ずれる

https://sleep-sheep.info/2016/09/01/chrome%E3%81%A7hhover%E3%81%97%E3%81%9F%E9%9A%9B%E3%81%AB%E3%81%9A%E3%82%8C%E3%82%8B%E7%8F%BE%E8%B1%A1/

なんかずれたら以下cssを指定

a img{
backface-visibility:hidden;
}
PR
09 July

スマホ　メニュータップと同時にメニューを閉める　ドロワーメニュー

https://showjinx.hatenablog.com/entry/pagelink_drawer-menu

https://ja.stackoverflow.com/questions/40835/%E3%83%8F%E3%83%B3%E3%83%90%E3%83%BC%E3%82%AC%E3%83%BC%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%92%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E6%99%82%E3%81%AB%E9%96%89%E3%81%98%E3%82%8B%E3%81%AB%E3%81%AF

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11158073326


ページ内アンカーリンクだと、スマホメニューが閉じないため、移動状態がよく見えなくなる
移動と同時にメニューを閉じたい
22 June

テキストシャドウ　縁取り

https://qiita.com/NoxGit/items/eb0904822c0f0fe97650

このサイトのコードがすごくよい
自分の使いたい太さに合わせてこぴぺる
しかも自然だし、ありがたい

太くてしっかりした縁取り
text-shadow: 
    black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
21 June

画像　hover　ちらつく　チラつき

https://techmemo.biz/css/backface-visibility/
上記より　ありがてえ

a img{
transition:all .3s ease-in-out;
}
a:hover img{
opacity:0.8;
}
a img{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}