ホバーしたとき画像拡大
やりたかったこと
・画像(リンク)ホバーしたら、画像が拡大されて
画像に色付きのマスクがかかってテキストが表示される
参考サイト
できなかったこと
overflow:hidden 指定するときは画像のサイズを明確に指定しないといけないっぽい?
のだが、レスポンシブで可変させてる場合は画像サイズが画面幅によって変わるのでどうしたらよいかわからない・・・
画像と同じサイズのボックスを重ねてるってことなんだろうけど・・・
結果、ホバーしたとき画像を拡大する。という簡単なところしか実現できなかった
本当は
・ホバーで画像拡大+文字表示
・モノクロのフィルターかけた画像ホバーでカラフル画像に戻る
みたいなのをやりたかったのだけど・・・
勉強の記録
Webデザイン、コーディングの勉強していて
つまずいたこと、引っかかったこと、解決してすっきりしたこと
書き残しておけば、忘れないかなー(すぐに振り返れるかなー)と思ってブログはじめました
転職活動はじめたばかりながら、スキルの低さを痛感している・・・
もっとお勉強しなきゃいけないです。
勉強していきたいこと
■コーディング・プログラミング系
への理解を深める
具体的には
・模写コーディングで手動かして実践積む
・ドットインストールで学習
・自作サイトに実装
wordpressはいまだにようわからん・・・
ので、まずは、Javascriptで、自分のサイトをかっこよくするところから。
■デザイン系
-Illustrater
といったソフトを使いこなす
具体的には
・バナー作成
・アイコン作成
・イラスト作成
・デザインカンプ作成
・あらゆるサイトのデザイン研究
正直いうとコーディングのお勉強しつつデザインのほうも頑張るのきつい
うーーんでもコツコツやるしかないんでしょうかね