JavaScript - 素敵なカルーセル画像を見たので、実装方法を教えてください。

ページ https://www.pingxx.com のカルーセル画像がとてもクールだと思いましたが、両面でフェードアウト効果を実現するにはどうすればよいですか?

某草草 2017-05-18 10:52:10 0  2  532

HTML5で画像のフェードイン・フェードアウトや様々な画像のダイナミックな効果を実現

泺。 2017-09-29 16:35:57 0  1  1825

グラデーション効果が画像の端でフェードアウトしないのはなぜですか?

画像の端をぼかすか、少なくとも漠然とフェードアウトしたいと考えています。何を試してもうまくいかず、Stackoverflow のすべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？これが私のコードペンです。 .screen{位置:相対;幅:100vw;高さ:100vh;disp

P粉317679342 2023-09-09 23:34:16 0  1  556

html - CSS ナビゲーション バーがぼやけ、ナビゲーション バーが固定され、ページがスライドすると下のページがぼやけます。これを実現するにはどうすればよいですか?

インターネットで長時間検索した結果、以下のページに動的に影響を与えてぼやける解決策が見つかりませんでした。これはステーション b のブラー エフェクトです。静的です。原理は 2 つの同一の画像を使用し、一方の一部をぼかし、もう一方とマージすることです。私のアイデアは、AE と同様の調整レイヤーにガウスぼかしを追加して、下のレイヤーに実際の効果を与えることです...

大家讲道理 2017-05-24 11:36:02 0  2  1114

javascript - イメージがロードされた後、js イメージの onload が実行されない

1. 想定される効果は、画像がロードされるたびにアラート「1」が発行されることです。実際の効果は、すべての画像がロードされた後、アラートが 4 回発行されることです。 2. 以下はコードです。助けてください。 //imgArray[] 画像のリンクが 4 つありますが、長すぎる場合は書きません. var count = 0; {code...}

大家讲道理 2017-05-19 10:12:08 0  4  582

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46 0  1  432

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

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

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

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

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

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

JavaScript - ページ視差効果の実装について質問する

ページ効果: この効果の Jingzhe の模倣: 私は Zhihu で skrollr.js というライブラリについて初めて知り、それを学び、自分のページに適用しました。なぜなら、私のページは上記のような静的なノード、記事、写真ではないからです。リクエストによって取得され、段階的なリクエストは画像の内容によって異なります。

PHP中文网 2017-05-16 13:26:03 0  1  1024

ios - UITableViewCell が複数の画像をロードし、メモリが異常に増加する

単一の UITableViewCell に複数 (最大 6 枚) の画像をロードし、更新するために上下にプルするとメモリ爆発が発生します。これを効果的、迅速かつ簡単に解決するにはどうすればよいですか?

为情所困 2017-05-31 10:32:51 0  1  670

javascript - 各ボールの背景画像が異なるようにキャンバス上に複数のボールを描画するにはどうすればよいですか?可能ですか?

質問: キャンバス上に複数のボールを描画する場合、各ボールの背景画像を異なるようにするにはどうすればよいですか? 可能ですか?私が今やりたいのは、それぞれのボールを異なる色にして、そのボールを写真で塗りつぶしたいということです。コードの一部: {code...} 現在の効果:

大家讲道理 2017-06-14 10:54:28 0  4  1019

v-img にオーバーレイを追加し、ホバー時に中央ボタンを追加します

Vuetify コンポーネントを使用して、いくつかの v-img サムネイルの効果を実現しようとしていますが、成功しません。私の画像設定は次のとおりです:<v-rowclass="fill-heightpa-5"align-content="center"justify="center"><v-colclass="text-subtitle-1text-center&

P粉754473468 2023-08-28 17:13:34 0  1  505

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

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

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

css3 - グラフィックとテキストに対応したスタイル

PC デスクトップでこのページをレスポンシブにする: 1 つの方法は画像を直接レスポンシブにする方法ですが、唯一の欠点はテキストがぼやけ、効果が完璧ではないことです。 , このように、テキストのサイズを適応させる必要があり、テキストの位置関係を適切に行うのはさらに困難です...

習慣沉默 2017-05-16 13:20:57 0  3  723

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

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

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

javascript - これがローカルでは機能するのにサーバーでは機能しないのはなぜですか?

ローカルで HTML ファイルを作成し、次の 2 つのコードを挿入したところ、正常に実行されましたが、サーバー上では動作しないのはなぜですか?その理由は何ですか?通常、画像をローカルで拡大および縮小してサーバー上で実行できますが、クリックしても効果がありません。 {コード...} {コード...}

ringa_lee 2017-05-19 10:47:15 0  2  926

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  971

JavaScript - フラットリスト ドロップダウン コンポーネント スタイルをカスタマイズするにはどうすればよいですか?

1. まず、達成したい効果について説明します。携帯電話で JD.com のような画像をプルダウンし、手を放した後、新しいページにジャンプします。 2. ただし、フラットリストにはデフォルトのドロップダウン イベント {code...} があります。ドキュメント内のこのヘッダー コントロールを変更する方法がわかりません。Android のデフォルトでは、黒い円形の更新コンポーネントが設定されています...

PHP中文网 2017-06-08 11:02:39 0  1  1327

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  361

ユーザーがあるページで画像をアップロードまたは変更し、別のページに表示できるようにするにはどうすればよいですか?

ユーザーがあるページに写真をアップロードして、別のページに表示できるようにするにはどうすればよいですか?ユーザーは画像を変更でき、他のページでも同様に変更されます。また、php/js/jquery/mysqli の中で最も効果的なものを使用することについても話しています。 (私はこの分野では初心者なので、簡単な言葉を使っていただければ幸いです:)) 編集: はい、初心者だと言いましたが、コーディングについて何も知らないという意味ではありません。 。また、YouTube や他のスタックオーバーフローの質問からいくつかの解決策を見ましたが、すべて

P粉298305266 2024-04-01 18:33:31 0  1  535