に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

学习ing 2017-06-24 09:44:08

JavaScript - QQ ブラウザと uc ブラウザは CSS3 アニメーションをサポートしていませんが、QQ と WeChat の組み込みブラウザは CSS3 アニメーションをサポートしています

ドロップダウンリストの矢印が回転する非常にシンプルな効果です。コードは QQ と WeChat の組み込みブラウザで問題なく開くことができ、携帯電話 (Xiaomi 5splus) のネイティブブラウザでも問題ありませんが、QQ ブラウザではそしてUCは開きません。

ringa_lee 2017-06-12 09:32:38

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

無効な 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

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパードロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32

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

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

学习ing 2017-06-12 09:32:56

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

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

怪我咯 2017-06-30 09:57:23

JavaScript - クリックイベントのバグ。何が問題だったのかわかりません。

1.絵を口の右側までスクロールし、すぐに左矢印をクリックすると虫眼鏡機能が無効になりますが、それ以外の場合はどこをクリックしても問題ないようです。問題がどこにあるのかわかりません。stop() と clearQueue() を使用しましたが、効果がありません。html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14

html - Google ブラウザと Firefox ブラウザでは要素の表示が異なります。CSS ハックを使用して解決したいですか?

div 要素の高さは、Google ブラウザと Firefox ブラウザで異なる効果を表示します。CSS ハックを使用して解決したいのですが、これら 2 つのコードが機能しません。誰か説明してもらえますか? 。。

淡淡烟草味 2017-06-17 09:16:40

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

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

ringa_lee 2017-05-24 11:35:53

css - Blur() フィルターに透明効果があるのはなぜですか?

現在の状況は次のとおりです。北京では店舗の写真にぼかした背景を設定していますが、フィルターを使用してぼかしているため、透明な問題が発生しています。通常、ぼかした背景は擬似要素ですが、vue を使用する場合はどうすればよいですか? , cssで画像リソースが取得できないので、これを書きました An element is located viaAbsolute...

巴扎黑 2017-05-16 13:26:12

フェードイン/フェードアウトトランジションを備えた CSS マーキー

右端からフェードインし、左端からフェードアウトするテキストを含むCSSマーキーを作成しようとしています。文字の端だけが透明になります。これを「不透明マスク」と呼び、左右の端にぼかします。 CSS マーキーのコード例は見つかりますが、このようなフェードイン/フェードアウト効果を備えたものはありません。また、背景を完全に透明にして、テキストのみにエッジ効果を持たせたいと考えています。コンテナにグラデーションを追加しようとしましたが、後から考えると、それは正しいパスではないようです。以下は私がこれまでに思いついたコードです。助けてください、ありがとう！ @BernardBorg: 2 番目の新しい例...

P粉659516906 2024-03-27 21:24:13

「PrimeVue ライブラリを使用する場合、Vue3 の :deep() セレクターは無効です」

私はvue3とPrimeVueライブラリを使用しています。 :deep() セレクターを使用して PrimeView コンポーネントの CSS フィールドをオーバーライドしようとしても、効果がありません。スコープ外のスタイルを使用する場合にのみ、変更が適用されます。なぜ機能しないのか混乱しています。 :deep() を使用したサンプルコード: <template><Toastposition='buttom-right'/></template><stylesc

P粉785522400 2023-08-29 23:45:06

CSS で line-height で高さを指定しない場合、デフォルト値は何になりますか?

CSSでline-heightが指定されていない場合、デフォルト値は何ですか? font-size と同じですか? 手動で font-size と同じに設定すると、デフォルトで未設定のままにする場合とは異なる効果があるように感じることがあります。

不言 2018-10-23 17:43:22

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30

javascript - vuejs の変数に基づいてさまざまな CSS スタイルを参照する方法

以前のプロジェクトを Vue フレームワークに変更する必要があります。これで CSS とすべてが揃いました。ここで、変数に基づいたさまざまな CSS ファイルを紹介したいと思います。 if(){//import from ''xxx.css} の論理効果と同様です。皆さんにお聞きしたいのですが、vueフレームワークで実装できますか、それともwebpackで実装できますか？

曾经蜡笔没有小新 2017-07-05 10:37:08

アニメーションを使用して 2 つの Div を交換する方法

div を大きなボックスとして表示し、他の 3 つの div をその下に小さなボックスとして表示したいプロジェクトがあります。小さなボックスをクリックすると、CSS トランジション効果を使用してサイズが変更され、大きなボックスと位置が入れ替わります。スムーズな動きとサイズ変更。現在、jQueryを使用しようとしていますが、位置決めがまったく機能しません。これが私の現在の例です: https://jsfiddle.net/v3pmhawj/1/$(function(){let{left:x1,top:y1}=$('.full-si

P粉191323236 2023-08-26 13:55:33

JavaScript - vscode を必要に応じてカスタマイズする方法

vscode カスタマイズで実現したい効果は、ショートカットキー JS を押して変数 A をクリックして変数 A の宣言にジャンプすることです。CSS ではクラス名 B をクリックして B{...} にジャンプします。未使用の JS 変数または CSS クラス名がグレー表示され、JS 矢印機能が自動的に完了します。タブを閉じたときに項目リストが自動的に配置されないはずです...

代言 2017-07-05 10:38:58

背景や透明文字が切れてしまう

CSS を使用して、以下に示すように背景から透明なテキストを切り取る効果を作成する方法はありますか?画像がテキストに置き換わるため、貴重な SEO をすべて失うのは残念です。最初に影を考えましたが、何も思いつきませんでした...画像は Web サイトの背景で、絶対位置の <img> タグです

P粉439804514 2024-03-25 16:47:36

CSS スコープのカスタムプロパティを親スコープ内の変数の評価に使用すると認識されない

クラスを結合せずに構成できるように、var カスタムプロパティを介してサイズをスケーリングしようとしています。望ましい効果は、3 つのリストが 3 つの異なるスケールを持つことですが、CodePen に示されているように、3 つのリストはすべて同じスケールになります。私は、構成可能な疎結合コードでこれを可能にするスコープと CSS カスタムプロパティ手法の説明を探しています。 :root{--size-1:calc(1*var(--scale,1)*1rem);--size-2:calc(2*var(--sca)

P粉006847750 2023-11-01 21:53:10

CSS スタイルがサイトに適用されない

Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービスカードの上にマウスを移動すると、背景が変化し、トランジション効果が得られます。ここからここまでになるはずです。ただし、サイトの背景をランダムな色に変更しようとすると、変更がサイトに反映されないため、HTML にリンクされている CSS に問題がある可能性があります。 @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23