美女と野獣

これはディズニーの美女と野獣ではなく、フランス版の原作、美女と野獣だった
カワイイのも出てはくるけど、歌ったり踊ったりはないよーん

ベルの家は兄弟いっぱいだし、お父さんちょっとだし、お兄さんもお姉さんもちょっとだしwww
野獣は王子の頃から毛むく。。。うっ、ごほっごゔぉ
野獣になってしまう過程もディズニーとは全然違うけど、ちょっと傲慢ってとこは似てる。。。かなぁ、うーむ
なーんか物凄い戦闘シーン(笑)もあるし、違う観点の話として面白かった

◎観た日:2015年1月13日

画像:美女と野獣のイメージ


ゴーン・ガール

マジ怖いよー
自分の欲望を満たす為、自分のイメージを守る為、ありとあらゆる事ができる女性
それに絡め取られていく男性陣

どんだけ頭の回転が良くて、用意周到になったらこんな事ができるんだろうか?
実際、現実に今起こっている事、報動されている事、目の前にいる人の行動が全て真実なのか疑わしくなるwww

◎観た日:2015年1月26日

画像:ゴーンガールのイメージ


cssでグラデーションの矢印を作る

cssだけでグラデーションの矢印を作成する方法を自分用にメモ
スマホサイトのコーディングで使用したんで忘れないうちに

PCでの表示確認はChromeだけ

こんな感じに上が白でだんだん下に向かって色がついてる三角矢印

コードはこんな感じ

html

<p class="hoge">
<span class="hogearrow"></span><span class="hogearrow_bg"></span>
</p>

css

.hoge{
height:60px;
position:relative;
}
.hogearrow{
width:0;
height:0;
border-style:solid;
border-width:60px 70px 0 70px;
border-color:#007bff transparent transparent transparent;
position:absolute;
top:0;
left:0;
}
.hogearrow_bg{
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
width:140px;
height:60px;
display:block;
position:absolute;
top:0;
left:0;
}

グラデーションのベンダープレフィックスは省略

べた塗りの三角形の上にグラデーションの四角形を重ねて表示させてみた
三角形とグラデーションはジェネレーターさんに書いてもらってラクをするのだ

うわー なんか久しぶりにマジメ。。。