javascript - WeChat 共有 H5、背景色を使用してこのぼかし効果を実現するにはどうすればよいですか?

通常の共有の効果は以下の通りですが、お試しで得た共有は上記のような背景色付き（画像ぼかし処理の効果と思われます）でした。

过去多啦不再A梦 2017-06-12 09:29:10 0  3  1023

透明な div を使用してページの背景のぼかし効果を実現する方法

透明な div を介して背景をぼかしたい Web ページのコードがあります。実際にはdivを半透明にしたいのですが。ぼかしフィルターの CSS を div に追加しようとしましたが、結果として div 内のテキストもぼやけてしまい、希望どおりではありませんでした。 <bodystyle="background-image:url('bg.jpg')"><div>テキスト</div></body>

P粉908643611 2023-09-14 21:09:28 0  1  486

特別なカーソルを使用してホバー時にテキストを変更します

monopo の Web サイトと同様に、ホバー時にテキストを変更する方法を教えてください。背景なんて必要ないんです。必要なのは、単純な円形の効果 (色付きの背景など) とテキストの変更だけです。また、できれば「about」という名前のdiv内でのみエフェクトが有効になるようにしたいです。ウェブサイトリンク：https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  538

タイトル: 白を除く任意の色の背景で白のテキストの視認性を実現

mix-blend-mode:Difference を使用してテキストの色を白に変更すると、背景色が黒の場合にうまく機能します。マウスをテキストに移動して効果を確認します。 constblackBox=document.querySelector(".black-box");window.addEventLis tener('mousemove',function(event){blackBox.style.left)

P粉744691205 2023-11-10 16:59:01 0  1  753

JavaScript - ::selection の前に ID を追加した後にテキストの背景色を選択する方法、ブラウザと互換性を持たせる方法は?

テキストの背景色を選択してください {code...} &lt;html id="c-1"&gt; の場合、 {code...} は Firefox でのみ動作し、Google Chrome では動作しません。 {code...} を試してみました。 }も役に立ちません。期待される効果は、HTML 内の ID を置き換えるときに、選択したテキストの背景色も置き換えられることです。

给我你的怀抱 2017-05-19 10:36:57 0  2  615

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

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

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

vue.js - weex に背景画像属性がない場合はどうすればよいですか?

背景の高さは決定できますが、背景の幅は表示されるデータの幅に基づいて決定されます。背景画像を使用せずにこの効果をどのように実現できるでしょうか?

滿天的星座 2017-06-22 11:53:32 0  2  1515

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

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

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

JavaScript - btcc.com のホームページのアニメーション背景を実装するにはどうすればよいですか?

サイトが読み込まれると、背景に少しアニメーション効果がかかりますが、これはちょうどいい感じです。 https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40 0  1  549

JavaScript - Chrome はクリック イベントをトリガーして、その隣のテキストを選択します

図に示すように、選択効果を作成する必要がある場合は、ボックスの toggleclass をクリックしてスタイルを変更します。マウスを頻繁にクリックすると、その隣のテキストが選択されることがわかります。言語の説明は次のとおりです。明確ではありません。画像を見てみましょう。背景を変更するには、ボックスの一部をクリックするだけですが、すばやくクリックすると、その隣の背景も選択されます。

怪我咯 2017-05-18 10:50:08 0  2  933

背景画像に CSS フィルター効果を使用する方法

検索ページの背景画像として使用している JPEG ファイルがあり、Backbone.js コンテキストで作業しているため、CSS を使用して設定しています。 "); 背景のみに CSS3 ぼかしフィルターを適用したいのですが、その要素だけをスタイル設定する方法がわかりません。試してみると: -webkit-filter:blur(5px); -moz-filter:blur(5p)

P粉022285768 2023-08-20 13:28:36 0  2  476

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

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

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

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです 結果がこれです コードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  525

グレースケール SVG がアルファに変換されると明るさが低下するのはなぜですか?

SVGを使用して透明な「星空」効果を作成しようとしています。 Web ページ上の黒い背景要素内に SVG をインラインで配置しています。まず乱流フィルターから始めて、次にカラー マトリックスを適用して目的の効果を実現しました。 <svgxmlns="http://www.w3.org/2000/svg"><filterid="filter"><feTurbulencebaseFrequency="0.2&q"

P粉986937457 2024-02-26 18:01:19 0  1  287

単一列レイアウトに適応

単一列レイアウトの本体に背景色を追加するにはどうすればよいですか?最終的な効果を達成する方法がわかりません。答えていただければ幸いです、ありがとう

JIA 2018-03-17 23:45:41 0  0  1245

Tailwind カテゴリが失敗する理由は何ですか?

初めて Tailwind を使い始めていますが、現在は JavaScript でのみ使用しています。初日はクラス名はすべて正常に機能しましたが、翌日 VSCode でプロジェクトを開いたとき、以前に追加した Tailwind クラス名のみがまだ機能していました。 HTML にさらにクラス名やデザインを追加しようとしても、何も起こりません。たとえば、h2タグにtext-3xlを追加しても、テキストのフォントサイズは変わりません。また、テキストに新しい色を追加したり、背景色を追加したりしても、効果がありません。 G 内のすべてのコードとファイルへのリンク

P粉011360903 2023-08-31 16:32:20 0  1  530

nginx - https リダイレクトの問題?

問題の背景: {コード...} 問題: さまざまな方法があり、ポート 80 を構成するファイルに記述されるもの、.htaccess に記述されるもの、ページ上でメタ/リフレッシュに設定されるものがあります。どちらが費用対効果が高いでしょうか?

PHPz 2017-05-27 17:45:00 0  3  828

React で echarts-gl を使用する方法???

npmはechartsとecharts-glをインストールしますが、効果はありませんか? ? ?背景などは紹介していますが、地球には該当するエフェクトがありません 通常のエフェクトについては http://gallery.echartsjs.com/ をご覧ください...コードは以下の通りです

巴扎黑 2017-06-12 09:29:05 0  1  946

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  518

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。 「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07 0  2  733