CSSを使用して画像上にテキストを配置する方法

CSSで画像の上にテキストを配置するにはどうすればよいですか? <divclass="image"><imgsrc="sample.png"/><divclass="text"><h2>一部のテキスト</h2></

P粉696605833 2023-08-23 17:18:53 0  2  472

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

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

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

ios - スクリーンショットを撮った後、日付ピッカーのみが灰色と黒色の影で表示されます

ウィンドウ全体のスクリーンショットを撮りましたが、スクリーンショット後の写真は実際の写真と異なります。上記はスクリーンショットのコードです。上記はスクリーンショットの効果です。黒い影が発生するのはなぜですか?

三叔 2017-06-22 11:53:12 0  1  1250

javascript - モバイル選択プラグインですが、データはそれ自体で定義されます

右のエフェクトと似ていますが、中のデータがカスタマイズされています。まずモバイル端末のエフェクトです。次にリストがたくさんあります。写真に応じてエフェクトを表示するには、データを次のようにすることができます。バックグラウンドから取得したデータ。

PHP中文网 2017-06-14 10:54:06 0  2  660

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

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

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

影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します

まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpress-493302-3130963.cloudwaysapps.com/ CSS トランジションを使用して達成したいことの半分は正常に達成されましたが、シャドウが表示されません上の画像に示されている作成ボタンのコピー。私のCSSは次のとおりです。cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  470

この種の境界線をHTML - CSSに追加するにはどうすればよいですか?

画像のように、画像の四隅に枠線を追加してこの効果を実現するにはどうすればよいでしょうか?

伊谢尔伦 2017-05-16 13:34:16 0  6  945

javascript - 宝くじの効果 (写真参照)?

各アバターの写真をランダムに回転させるエフェクトです。同様のデモを持っている人、または方法を提供している人はいますか? ご協力ありがとうございます。

阿神 2017-06-05 11:10:32 0  2  700

C++ - Qt の QML インターフェイス設計、実行後に画像が表示されない

上記のように、実行後は次のようになります。画像が表示されません。これはなぜですか?ありがとう

漂亮男人 2017-05-16 13:29:46 0  1  762

Python - フラスコリダイレクトのリダイレクトの問題?

コードは次のとおりです。画像はアップロードできましたが、アップロード成功後に画像が表示されなくなりました。リダイレクトの書き方はこれで良いでしょうか? {コード...} {コード...} --- -------更新------ ------インデックス ルーティングを変更し、目的の効果を達成しました: {code...} しかし、前のアイデアは間違っていたのでしょうか?

phpcn_u1582 2017-05-18 10:48:50 0  1  838

android - 2つのレイアウトの端に画像を設定する方法

図に示すように、このような効果を設定する方法は、画像が 2 つのレイアウトの端にあり、このアクティビティの下にビデオを再生するアクティビティがあり、フレーム レイアウトを使用して透明度を設定しています。透明。

淡淡烟草味 2017-05-16 13:34:07 0  2  899

クラスを削除するときに CSS アニメーションが停止しないようにする方法

グリッドがあります。バックエンドから更新メッセージを受信したら、3 秒以内に行をオレンジ色で強調表示する必要があります。更新を受信したら、CSS クラス「ハイライト」を行に追加し、アニメーションを再生します。 .highlight{アニメーション名:ハイライト;アニメーション期間:3 秒;}@keyframeshighlight{0%{背景色:オレンジ;}99.99%{背景

P粉412533525 2023-08-29 16:15:06 0  1  522

検索時に他の非検索ワード領域をリアルタイムでマスクする vim をサポートするプラグインはありますか?

以前、YouTube で質問に記載されている効果をデモしていた人がいましたが、今は見つかりません。下の写真のようなキーワードです。

迷茫 2017-05-16 16:38:36 0  3  726

JavaScript - 画像をキャンバスにドラッグします

この効果を確認するのに専門家がいますか? 右側の画像をキャンバスにドラッグして編集できます。どのようにして実現されますか? 詳しく説明していただけますか? 至急です。

phpcn_u1582 2017-06-14 10:52:41 0  2  916

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3817

JavaScript - 左右の矢印をクリックすると、それに応じて画像が移動し、中央の画像が常に最大になります。

下の写真のエフェクトを作りたいです。現在写真は 6 枚あります。質問は 2 つあります。 1. 左右に移動した後、中断せずに最初または最後の写真から開始する方法 2. の最大の効果真ん中の写真は作り方です。経験のある方からアイデアをいただければ幸いです。

曾经蜡笔没有小新 2017-05-19 10:29:25 0  5  785

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

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

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

セッション使用後に画像検証コードがエラーを報告する

セッションが開いていない場合の効果です（認証コードの画像は正常に表示されます） ---------------------------- --ゴージャスな分割線-- -------------------------------------- こちらがセッション開始後の効果 (映像ショーなし)-------------------------------------- -------- ------------------------

富贵 2017-10-04 01:31:24 0  2  1425

html5 - Canvas テクノロジーを使用して上下にジャンプする楽譜を作成する方法

キャンバス テクノロジーを使用して上下にジャンプする楽譜を作成する方法についてお聞きしたいのですが、この画像に似た、単純に上下にジャンプするエフェクトが付いています。

PHPz 2017-05-16 13:21:58 0  1  763

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックス レイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  390