[B! 三角関数] cyber_bobのブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

cyber_bob id:cyber_bob ● 5,273 ブックマーク ● - お気に入り ● - お気に入られ

●すべて ● *あとで読む (4) ● 3D (1) ● AI(1) ● Blender (3) ● PTA的思考 (2) ● SVG (1) ● Web Audio API (1) ● bcg (1) ● css (1) ● webデザイン (2) ● あとで読む (38) ● グッズ (1) ● デザイン (2) ● フリー素材 (2) ● プログラミング教育 (1) ● マウント例 (1) ● 三角関数 (1) ● 新型コロナウイルス (1) ● 画像 (1) ● 開発 (1) ● あとで読む (38) ● *あとで読む (4) ● Blender (3) ● PTA的思考 (2) ● webデザイン (2) ● デザイン (2) ● フリー素材 (2) ● 3D (1) ● AI(1) ● SVG (1)

三角関数に関するcyber_bobのブックマーク (1)

CSSの三角関数を理解しよう！ sin()とcos()でできる表現 - ICS MEDIA

● 164 users ● ics.media ●テクノロジー 2023年3月にリリースされるChrome 111ではCSSの三角関数がサポートされます。FirefoxやSafariではすでにサポートされている機能のため、2023年3月からは主要なブラウザでCSSの三角関数が使えるようになります。とはいえ、﹁CSSで三角関数をどうやって使えばいいの？﹂﹁そもそも三角関数で何ができるの？﹂という方も多いのではないでしょうか。この記事では三角関数のうちサイン関数とコサイン関数の作例を交えながら解説します。三角関数のおさらいまずはサイン関数とコサイン関数のそれぞれの使い方を少しおさらいしてみましょう。下図は角度をθ、半径をrとした時のx座標とy座標を表したものです。たとえば角度が60°で半径が200だった場合、CSSのサイン関数とコサイン関数を使うと、x座標はcos(60deg) * 200、y座標はsin(60deg) * 200で求められます。つ