JavaScript + css3 を使用してこのカード効果を実現するにはどうすればよいですか?

このようなエフェクトを実行した人はいますか?効果については、最も美しいアプリ http://www.25xt.com/?p=12539 を参照してください。インターネットで Android と IOS のコードのみを受け取りました: https://github.com/ZieIony/Ma... ですが、理解できません。関連するデモを見つけたら共有していただければ幸いです...

淡淡烟草味 2017-05-18 10:55:57 0  2  615

CSS カスタム プロパティを効果的に使用するにはどうすればよいですか?

私は、アプリケーションが 10 個の Tailwind スタイルのカラー バリエーションのセットを生成するために使用する原色をユーザーが選択できるようにするカスタム テーマを使用したアプリケーションを開発しています。 JavaScript を使用して色を生成し、それらを dom に注入していますが、調査の結果、dom はコンパイルされた CSS にしかアクセスできないため、scss 変数を注入できないことがわかりました。したがって、scss 色の代わりに css カスタム プロパティを使用する必要がありました。これが珍しい使用例であり、scss が色を扱う方法ではないことはわかっていますが、問...

P粉384366923 2024-01-16 19:00:56 0  1  393

Web ページを右に実行して効果を確認できないのはなぜですか?

Web ページを右に実行して効果を確認できないのはなぜですか?

王冬晖 2017-08-04 10:18:25 0  4  1268

css3 - CSS トランジション効果によりテキストがぼやけたりジッターしたりすることがありますか?

コード: テンプレート: {code...} CSS: {code...} いくつかの無関係なスタイルは削除されています。現在知られている状況は、右側の小さな三角形のトランジション効果です。 Chrome のドロップダウン ボックス。これにより、テキストがぼやけてジッターが発生します。backface-visibility: hidden; を追加すると、テキスト...

ringa_lee 2017-05-24 11:35:53 0  2  2459

javascript - NetEase Cloud の Mac バージョンのホームページのカルーセル効果を研究した人はいますか?

NetEase Cloud の Mac 版アプリのホームページのカルーセル効果を研究した人はいますか? js用の同様のプラグインはありますか?

为情所困 2017-05-19 10:32:00 0  2  584

javascript - js を使用してトランジション効果を作成するにはどうすればよいですか?

私はjsにあまり詳しくないので聞きたいのですが、jsを使用してボタンをクリックし、5秒後にdivが右側の500pxに移動した場合、この効果を作成するアイデアは何ですか?これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?しかし、クリックイベントでは...

滿天的星座 2017-06-26 10:54:58 0  6  981

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。 私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28 0  1  349

javascript - 少し混乱していますが、なぜ直接checked=trueを使用してjsのタグに効果を追加できるのでしょうか?

例: js を使用して、選択した効果をボタンに追加する必要があります。 js で oDiv.checked = true を直接使用して、選択した効果を追加できるのはなぜですか?なぜ途中にスタイルを追加する必要がないのでしょうか?色の場合、これは oDiv.style.color = "red" になります。

阿神 2017-06-26 10:55:27 0  2  781

javascript - window.location.href を使用してページにジャンプする場合、新しいページが完全に読み込まれる前に読み込み効果を実現するにはどうすればよいですか?

window.location.href を使用してページ ジャンプを行う場合、新しいページが完全に読み込まれる前に読み込み効果を実現するにはどうすればよいでしょうか?

漂亮男人 2017-05-19 10:45:07 0  4  1788

タブを切り替える効果（それに伴ってテキストの内容も変化します）を作成するにはどうすればよいですか

写真のように、このようなラベル切り替え効果を作りたいのですが、どうすればよいでしょうか?ご指導ください。

yuippp 2019-09-10 11:35:49 0  2  1277

css3 - スクロール バーが下にスライドしたときにページの各部分が表示される効果を実現するにはどうすればよいですか?

Web サイトを見ました。スクロール バーが下にスライドすると、ページのすべての部分に最初に読み込まれたときと同じ効果が表示されます。再度更新すると、これらの効果が再び表示されます。これはどのように行われますか? jqueryのロードで書かれているのでしょうか? このWebサイトのトップページ http://www.itxdl.cn/bra... に似ています。

漂亮男人 2017-06-05 11:10:23 0  2  1843

以前は企業Webサイトのバックエンド管理が行われていましたが、現在はWebサイトを修正し、サーバーからWebサイトのソースコードをPHPでダウンロードする必要があります。 Web サイトを変更したいのですが、このマシンで PHP ファイルを実行して効果を確認するにはどうすればよいですか?

以前は企業Webサイトのバックエンド管理が行われていましたが、現在はWebサイトを修正し、サーバーからWebサイトのソースコードをPHPでダウンロードする必要があります。 Web サイトを変更したいのですが、このマシンで PHP ファイルを実行して効果を確認するにはどうすればよいですか?

浮生未歇 2017-12-14 14:01:00 0  3  1498

CSS を使用してブロックの端をフェザリングする方法を学びます

ボックスの端にぼかし効果を持たせるように CSS を変更するにはどうすればよいですか?ボックスの背景に曇りガラスの効果を持たせ、周囲の鋭いエッジの代わりに徐々に背景に溶け込むぼかし効果を持たせたいのですが、現在の CSS を変更する方法がわかりません。ご協力をよろしくお願いいたします。 .wrap{位置:相対;幅:100%;高さ:100vh;背景画像:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  724

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  828

vue および vuetify コンポーネントに対するマウスオーバー効果

そこで、次の記事の例に示すようにマウスオーバー効果を再作成しようとしました: https://blog.prototypr.io/stunning-hover-events-with-css-variables-f855e7b95330 しかし、私の場合は Vue を使用したいと考えています。 vuetify ライブラリから v-card にホバー効果を適用する .js。これが私の試みです: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  448

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08 0  3  931

CSSを使用したNVG効果

CSS を使用して NVG エフェクトを作成しようとしていますが、どこから始めて、グローやノイズのエフェクトなどを追加する方法がわかりません。誰かが何かヒントを知っているか、同様のことを試したことがある場合は、私をガイドしてください、ありがとう<3

P粉832490510 2024-02-26 20:37:50 0  2  406

タイトルは次のように書き換えられました: リスト項目を上のテキストと揃えるにはどうすればよいですか?

無効な HTML を使用すると希望の外観を得ることができますが、有効な HTML を使用しないといけません。 <SPAN> の効果をシミュレートするために <FIGURE> または <FIGCAPTION> を構成できる CSS はありますか?外観を左側に、有効な HTML を右側にしたいと思います。無効な HTML: body{margin:auto;padding:05px05px;font-family:Tahoma,Verdana,sans-seri

P粉463840170 2023-09-09 15:47:47 0  2  615

thinkPHP の CSS の導入は無効です

CSS効果が表示されません。どうしたのですか？

boluo 2020-06-06 21:21:54 0  4  1381

タブレットでブラウザのジェスチャーズーム機能を完全に無効にする方法 - コードログ

タブレットではマルチタッチ機能により、ジェスチャーで直接ズームイン・ズームアウトができるのですが、現状ではこの効果を無効にしたいのですが、いろいろ試してみましたが、うまくいかないようです。ズームはPCのCTRL + スクロールホイールズームと同じです、単なる機構ではありませんが、最も信頼できるのはCSSコントロールです...

怪我咯 2017-06-30 09:57:23 0  1  1110