【css】backgroundのlinear-gradientで使った斜めの線ががギザギザになる件2020/03/30css cssのグラデーションを作るbackground:linear-gradient()で作成した三角形の斜めの部分がギザギザのジャギったので備忘録 calc()を使ってジャギを回避 calc(50% + 1px)を使って1… 【javascript,css】svgで複数の円グラフアニメーション22020/03/26css , jQuery , js 前回、svgで複数の円グラフアニメーション作ったけどその続きでレスポンシブに対応させたアニメーション付き円グラフ 前回の続き レスポンシブに対応した円グラフアニメーション 円グラフが入ってるdiv要素の幅を取得して円グラ… 【javascript,css】svgで複数の円グラフアニメーション2020/03/24css , js カスタムデータ属性に入れた数値をもとにアニメーションする円グラフを作成したときのメモ 円グラフのソースコード とりあえず円グラフ2個用意した <style> .pie_chart{ transform:rot… 【css,js】css変数の書き方とjavascriptでの操作2020/03/12css , js cssで変数(カスタムプロパティ)が使えるってことなんで備忘録 IEでは使えないっぽい css変数の使い方 //変数の定義 :root { --like-name: red; } //css変数の使い方 //プロパティ:… bodyにフェードインアニメーションを設定すると開閉式のトグルが重くなる件2020/01/31css , js cssでページ遷移のアニメーション 下記サイトを参考 CSS だけで Web ページのフェードイン表示を実装する方法 body { animation: bodyfadeIn 2s ease 0s 1 normal; -… 【jQuery,javascript,css】要素を真ん中寄せる方法（個人的まとめ）2020/01/10css , js cssで要素の真ん中よせるのはやったことあったけどjsでの真ん中よせはやったことがなかったので備忘録 HTMLコード まず最初に使用するhtmlコード <style> .parent{ height: 100… 【css】scroll-snapを使ってcssだけの全画面スクロール2020/01/03css scroll-snapを使って全画面スクロール htmlコード <main> <section>1スクロール目</section> <section>2スクロ… 【javascript,css】スマホの下のバーを抜いた100vhの指定方法2019/11/04css , js 参考 [CSS]知っておくと便利！スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法 メインビジュアルをステータスバーを抜いた画面いっぱいに表示するためのコード <styl… 【css】aタグに指定してあるPDFリンクをcssで判別する方法2019/08/28css cssでリンクがpdfかどうか判別する方法 a[href$=".pdf"]{ … } 書き換えればjpgとかExcelやWordなんかもいける URLかどうか判別する際はこう書く a[href^=&q… 【css】position:relativeとかを解除する方法2019/07/22css position:staticを使ってpositionを解除 毎回、inheritやinitial辺りをとりあえず指定して「あれ？解除できんぞ？」ってなる css { position: static; } これでpos… 1 2 3 4
