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

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

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

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

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

javascript - jQueryまたはCanvasの統合表示効果アイデアソリューション

図に示すように、クレジット スコア 100 は Angular.js を通じてデータ バインドされています。次に、jQuery または Canvas を使用して、クレジット スコア ページに特別な効果を作成する必要があります。ユーザーの開始クレジットは 100 で、小さな白い一番右にある丸は、100ポイントを超えるとユーザーの信用スコアが増減します。100ポイントを超えると、...

怪我咯 2017-05-19 10:28:23 0  4  604

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあり、2 番目のラベル コンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32 0  1  607

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

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

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

「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  598

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

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

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

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

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

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

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

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

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

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

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

P粉439804514 2024-03-25 16:47:36 0  2  609

アニメーションを使用して 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  514

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 0  1  595