![](https://cdn-ak-scissors.b.st-hatena.com/image/square/05e5d00676006647e765fa5a719c94dc5599683e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202301%2F2023010801%402x.png)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント37件
- 注目コメント
- 新着コメント
![yabu_kyu yabu_kyu](https://cdn.profile-image.st-hatena.com/users/yabu_kyu/profile.png)
yabu_kyu
あーはいはいアレで使うのねアレで。ちょっと言葉では説明しづらいけどアレでしょ。アレが便利になるよねー。
![ryunosinfx ryunosinfx](https://cdn.profile-image.st-hatena.com/users/ryunosinfx/profile.png)
ryunosinfx
jsで計算させるのしんどいからCSSで肩代わりさせると計算する部位が違うから計算力の吸出しが劇的に改善するとかいうギミックはよ(WebGPUで触れる範囲が云々で並列処理が可能とか)
![mohno mohno](https://cdn.profile-image.st-hatena.com/users/mohno/profile.png)
mohno
「CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()…Safari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定」/あなたが使わないからといって誰も使わないわけじゃない(定期)
![neet_modi_ki neet_modi_ki](https://cdn.profile-image.st-hatena.com/users/neet_modi_ki/profile.png)
neet_modi_ki
作例のように、indexの値をサイン波にマッピングするとかはわかるが、他の使い道が思いつかない…そこまでプログラマブルにやるなら結局JSでやったほうが…みたいにならないのだろうか。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
いまの話題をアプリでチェック!
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
2023年はCSSで三角関数「sin(), cos(), tan()」が主要ブラウザのすべてで使用できるようになるぞ!
2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります! CSSで使用できる三...
2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります! CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定です。 CSSの三角関数を使用すると、複雑なアニメーションに使用するJavaScriptを減らしたり、要素を曲線に配置するレイアウトなどもCSSで実装できます。 Chrome Platform Status CSS Trigonometric functions︵三角関数︶はCSS Values and Units Module Level 4ですでに定義されています。 sin() 引数として与えた数のサイン ボックスのサイズ
2023/01/10 リンク