忍者ブログ
25 October

[PR]

×

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

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;
}
PR
13 March

CSSで縦書き

http://techmemo.biz/css/writing-mode/

p {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
22 February

PCスマホで画像保存を禁止する

<!--画像のみ右クリ禁止-->
<script type="text/javascript">
jQuery(function(){
  jQuery("img").on("contextmenu",function(){
  return false;
  });
});
</script>
/*　　　長押しアクションを禁止　*/
img{   
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
  
  
}
/*    マウスイベントの制御　*/
.single .entry-content img{
pointer-events: none;
}

マウスイベントを制御する　pointer-events: none;　を全部のimgにかけると、

・画像リンク無効
・なぜか右クリ禁止が解ける

となった。
そのため、PCでは全面的に使えない、スマホではsingleページのcontent部分のみに対応することにした。
長押しアクション禁止cssでAndroidが効かないのがすべて悪い
あーくそめんどくせえ　
効くようにしてくれや

これでも何かダメだったら「dwImageProtector Plugin」のjqueryプラグインを使用する
透明gifを画像の上にのっけて、通常の画像保存すると透明gifが保存されてしまう仕組み


23 January

checkbox radioボタンをcssで装飾

https://qiita.com/ryo620/items/a7941774469a6229a64a

このサイトのコードの装飾がキレイで作ってる感出ていいとおもった