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

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

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

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

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

巴扎黑 2017-05-16 13:26:12 0  1  824

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

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

css3 - CSS でそのような効果を作成するにはどうすればよいですか?

中央の領域を周囲より明るくするにはどうすればよいですか?

黄舟 2017-06-10 09:48:25 0  8  953

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

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

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

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

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

P粉608647033 2023-08-21 11:08:32 0  2  609

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

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

ringa_lee 2017-05-18 10:59:14 0  1  1016

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

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

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

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

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

淡淡烟草味 2017-06-17 09:16:40 0  2  1005

VSCode (CSS): カラーリストを使用して # を記述するときに表示されない効果を実現するソリューション

VSCode (バージョン: 1.81.1 (ユニバーサル バージョン)) をアップデートしました。この更新前は、CSS の作成中に「#」を入力するたびに、プログラムによって色のリストがトリガーされていました。最初にコードで使用されている色が表示され、次に基本色の提案が表示されます。現在、色を選択する必要がある変数内にいない限りリストは表示されず、「:」の入力が完了した後でのみ機能します。問題の理解を助けるためにいくつかのスクリーンショットを載せました: (https://i.stack.imgur.com/9QlH6.png) 以前に動作したいくつかの例: (htt

P粉677684876 2023-08-15 14:30:48 0  1  677

php、css、js によってロードされて html に返されたファイルが効果がない場合、何が問題なのでしょうか?

PHP コード ob_end_clean(); ob_start(); &nbs

P粉477388163 2022-06-13 15:10:01 0  4  1362

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

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

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

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

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

不言 2018-10-23 17:43:22 0  1  1637

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

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

P粉785522400 2023-08-29 23:45:06 0  1  642

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

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

P粉659516906 2024-03-27 21:24:13 0  2  583

angular.js - angularjs ng-class ディレクティブは、ng-click によってクリックされたクラス属性を変更し、失敗します

フロントエンド: {code...} js: {code...} css: {code...} クリック後、hover 属性は div に追加されません。望ましい効果は、div をクリックすると追加されることです。 div の hover 属性について、angularjs を学んだばかりなのでどこで間違えたのかわかりません。答えていただけますか。

巴扎黑 2017-05-15 17:03:59 0  2  739

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

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

给我你的怀抱 2017-06-30 09:52:30 0  1  884

アニメーションを使用して 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 0  1  551

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

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

曾经蜡笔没有小新 2017-07-05 10:37:08 0  1  680

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

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

代言 2017-07-05 10:38:58 0  1  970