さりげないパララックスとか素敵
![](http://butsuyoku.hirababa.com/wp-content/uploads/2020/05/Screenshot_2020-05-12-5S-1024x532.png)
レイアウトと配色が印象的
![](http://butsuyoku.hirababa.com/wp-content/uploads/2020/05/fbbde9e7a25b87981973911d3e27db47-1024x595.png)
さりげないパララックスとか素敵
レイアウトと配色が印象的
https://qiita.com/saksak/items/6ade0be65ad83733e993
.main{ display: flex; flex-flow: row wrap; }
.main div{width: 50%;}
.main .item1{order: 1;}
.main .item2{order: 3;}
.main .item3{order: 4;}
.main .item4{order: 2;}/*このセルの位置を操作*/
@media (max-width: 768px) {
.main{display: block;}
.main div{width: 100%;}
}
↑こんな感じのローディングイメージを作るのに四苦八苦したので備忘録的に書きます。
https://liginc.co.jp/web/js/jquery/150136
拡大について
https://blog.apar.jp/program/4342/
https://qiita.com/nbfujiwara/items/271d04e64f579e8ac1f2
https://www.webdesignleaves.com/pr/plugins/googleCustomSearch_01.html
自作のformでも実装可能
検索結果ページにタグを挿入
検索のinput要素のname=”q”で簡単に行ける
これを一行いれるだけ!
input[type="submit"]{
-webkit-appearance: none; //←これ!
}