Загрузка видео...

Не удалось загрузить видео

На главную

CSSのdisplay: grid → flexにモーションを加え、 レイアウト変更をオシャレに。 Anime.jsで簡単に実現できました。

clockmaker's profile picture

池田 泰延

31,415 subscribers

59,111 просмотров • 5 месяцев назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

CSSの新しいsibling-index()を使うと、順番に出現するモーションを簡単に実装できます。
0:19

CSSの新しいsibling-index()を使うと、順番に出現するモーションを簡単に実装できます。

池田 泰延

78,920 просмотров • 5 месяцев назад

呼吸するときの動きを作っています！ 上半身、肩、お腹に呼吸のShapeKeyを追加しました。 できればMAで簡単に導入できるようにしたい😤
0:19

呼吸するときの動きを作っています！ 上半身、肩、お腹に呼吸のShapeKeyを追加しました。 できればMAで簡単に導入できるようにしたい😤

Snori

162,233 просмотров • 1 год назад

:has()、CSS Grid、CSS変数を組み合わせたチェックボックス表現を作った✅ label { display: grid; --selected: 0; grid-template-columns: auto calc(var(--selected) * 24px); } label:has(:checked) { --selected: 1; } 2列の行列を作っておき、2列目の幅をCSS変数--selected×24pxにしておく。--selectedの初期値は0なので、2列目幅は0。 子孫要素がチェック状態になるのを:has()でキャッチし--selectedを1にすると、行列2列目が24pxになりチェックボックスが表示される。 参考: #CSS #cssnite #朝までマークアップ
0:15

:has()、CSS Grid、CSS変数を組み合わせたチェックボックス表現を作った✅ label { display: grid; --selected: 0; grid-template-columns: auto calc(var(--selected) * 24px); } label:has(:checked) { --selected: 1; } 2列の行列を作っておき、2列目の幅をCSS変数--selected×24pxにしておく。--selectedの初期値は0なので、2列目幅は0。 子孫要素がチェック状態になるのを:has()でキャッチし--selectedを1にすると、行列2列目が24pxになりチェックボックスが表示される。 参考: #CSS #cssnite #朝までマークアップ

鹿野 壮 Takeshi Kano

33,703 просмотров • 1 год назад

モーダル開閉のUIアニメーション。 HTMLのdialogタグと、CSSの@​starting-style、allow-discreteを使うと、こんな簡単に実現できます。 全モダンブラウザ対応済みです。
0:15

モーダル開閉のUIアニメーション。 HTMLのdialogタグと、CSSの@​starting-style、allow-discreteを使うと、こんな簡単に実現できます。 全モダンブラウザ対応済みです。

池田 泰延

45,571 просмотров • 10 месяцев назад

ローカルのプラグインに移植できたので、コミュニティに公開を目指します📰 複数のフレームでも変更できるようにしました。
0:14

ローカルのプラグインに移植できたので、コミュニティに公開を目指します📰 複数のフレームでも変更できるようにしました。

ゆうご

85,434 просмотров • 12 дней назад

ユーのワープを使えば、今までできなかったデーゲンブレヒャーボッシュートもこんな簡単に！
0:17

ユーのワープを使えば、今までできなかったデーゲンブレヒャーボッシュートもこんな簡単に！

Q.ken🦂Vtuber

144,622 просмотров • 11 месяцев назад

モンスターボールを腰に装着できる アタッチメントを制作しました！ モンコレのモンスターボールシリーズを そのまま腰やカバンなどに 簡単に装着することができます. これで見た目は 立派なポケモントレーナー！(？)
0:19

モンスターボールを腰に装着できる アタッチメントを制作しました！ モンコレのモンスターボールシリーズを そのまま腰やカバンなどに 簡単に装着することができます. これで見た目は 立派なポケモントレーナー！(？)

じゃっく(՞•֊•՞)

564,149 просмотров • 22 дней назад

mGearの「chain_01」コンポーネントは、オプションでFKIK切替を簡単に追加することができます。 主に指などで使用でき、壁や物を触ったりするアニメーションを付ける際に活躍します。
0:19

mGearの「chain_01」コンポーネントは、オプションでFKIK切替を簡単に追加することができます。 主に指などで使用でき、壁や物を触ったりするアニメーションを付ける際に活躍します。

GACCHI

28,890 просмотров • 1 год назад

ゆっくりMovieMaker v4.45.0.0を公開しました！ 主な変更点は以下の通りです ・「引き伸ばし」エフェクトを追加（実装：べにかずらさん） ・「プラグインポータル」ツールを追加（実装：いるかぁぁさん） ・各編集エリア・ツールのドッキングに対応 ・レイアウトのプリセットの保存に対応
0:19

ゆっくりMovieMaker v4.45.0.0を公開しました！ 主な変更点は以下の通りです ・「引き伸ばし」エフェクトを追加（実装：べにかずらさん） ・「プラグインポータル」ツールを追加（実装：いるかぁぁさん） ・各編集エリア・ツールのドッキングに対応 ・レイアウトのプリセットの保存に対応

饅頭遣い

217,720 просмотров • 10 месяцев назад

AIによる安易な画像編集・解析を回避するフォーマット変換ツール【FKGR】を公開しました！イラストや写真を擬似動画GIFに簡単に変換できます。無料です。
0:11

AIによる安易な画像編集・解析を回避するフォーマット変換ツール【FKGR】を公開しました！イラストや写真を擬似動画GIFに簡単に変換できます。無料です。

トミナガハルキ | フリーランス歴10年な人

151,100 просмотров • 6 месяцев назад

🎉無料の『お座りロコモーション』がMA対応アップデート🎉 ＆伏せモーション追加で更に簡単！便利に！✨ BOOTH ▶ デフォルトの「座り」「伏せ」姿勢を変えたい場合にどうぞ！ Xフォローもよろしくね！💫 #VRChat
0:12

🎉無料の『お座りロコモーション』がMA対応アップデート🎉 ＆伏せモーション追加で更に簡単！便利に！✨ BOOTH ▶ デフォルトの「座り」「伏せ」姿勢を変えたい場合にどうぞ！ Xフォローもよろしくね！💫 #VRChat

Rabbit Luvit

135,551 просмотров • 3 месяцев назад

【機能追加】Illustratorで選択している画像を一気にCMYK変換、配置サイズでリサイズ、psdで書き出し自動差し替えまでするスクリプト「CMYK PSD Optimizer」 アンシャープマスク機能を追加したver1.3をアップしました。 Illustratorに貼っているRGB画像を、CMYKに変換→解像度350で配置サイズに原寸リサイズ→アンシャープマスク→Illustratorの画像差し替え がボタン一つで実行できます。 #イラレ
0:15

【機能追加】Illustratorで選択している画像を一気にCMYK変換、配置サイズでリサイズ、psdで書き出し自動差し替えまでするスクリプト「CMYK PSD Optimizer」 アンシャープマスク機能を追加したver1.3をアップしました。 Illustratorに貼っているRGB画像を、CMYKに変換→解像度350で配置サイズに原寸リサイズ→アンシャープマスク→Illustratorの画像差し替え がボタン一つで実行できます。 #イラレ

ポール/イラレ効率化マン@0.5秒を積み上げろ

25,802 просмотров • 6 месяцев назад

6月のルージュ31周年に向け 店内のレイアウトを変更しました。
0:13

6月のルージュ31周年に向け 店内のレイアウトを変更しました。

Rouge

11,693 просмотров • 1 год назад

入力した線画に忠実に色塗りするツール(starline)を誰でも簡単に使えるようにHFのSpace上で公開しました！ 以下のリンクから使用できます！ また、Space専用の先行公開機能として、プロンプトの代わりに参照画像を入力できる機能も追加しました！ 是非試してみてください！
0:15

入力した線画に忠実に色塗りするツール(starline)を誰でも簡単に使えるようにHFのSpace上で公開しました！ 以下のリンクから使用できます！ また、Space専用の先行公開機能として、プロンプトの代わりに参照画像を入力できる機能も追加しました！ 是非試してみてください！

抹茶もなか

126,152 просмотров • 2 лет назад

【Dify × Google Workspace】 ついに...カスタムノードを公開しました！！！ 詳細は以下のnoteをご覧ください。 このカスタムノードを使えば、AI × Google Workspaceを簡単に実現できます。 以下はサンプル動画です。 "AIがGoogleカレンダーの今日の予定を要約し、Gmailで送る" AIを使いこなしたい方は必見です🔥
0:15

【Dify × Google Workspace】 ついに...カスタムノードを公開しました！！！ 詳細は以下のnoteをご覧ください。 このカスタムノードを使えば、AI × Google Workspaceを簡単に実現できます。 以下はサンプル動画です。 "AIがGoogleカレンダーの今日の予定を要約し、Gmailで送る" AIを使いこなしたい方は必見です🔥

岸田崇史 | Omluc

31,627 просмотров • 2 лет назад

任意のCTデータを読み込んでフォトリアルな3DCGを作成し、閾値を高速に変更できるアプリを作りました。2Dモニターでも立体的に見えます。
0:17

任意のCTデータを読み込んでフォトリアルな3DCGを作成し、閾値を高速に変更できるアプリを作りました。2Dモニターでも立体的に見えます。

Tomoki Itamiya 板宮 朋基

32,351 просмотров • 27 дней назад

かんざしを使った夏のハーフアップ。 簡単にできるのに上品に見えて綺麗めな洋服によく合う↓
0:11

かんざしを使った夏のハーフアップ。 簡単にできるのに上品に見えて綺麗めな洋服によく合う↓

𓂃̨室長さん

5,691,314 просмотров • 1 год назад