公開日
2025年9月
規模
6バージョン
技術
HTML/CSS
制作期間
3ヶ月
制作環境
CodePen
デモ
https://codepen.io/cascade-path/pen/WbGzwdG
公開リンク
https://github.com/cascade-path/calculator
実物
Version1.0
計算結果をダミー要素に代入、@containerで参照
Version2.0
contentを0~9までアニメーション切り替え、計算結果をanimation-iteration-countに代入
Version3.0
8桁対応
Version4.0
小数対応
Version5.0
小数同士の計算、バックスペースに対応
PV-count CodePen:999, Reddit:32000+
まとめ
CSS限界シリーズのその他作品はCodePenにて公開中！
閲覧はフッターのリンクから
一覧に戻る