html5 を使用して画像のスクロール効果を作成できますか?

html5 を使用して画像のスクロール効果を作成できますか?

。 2018-01-31 16:19:16 0  1  1641

2 枚の横長のカードを、両方の画像の下部が揃うように並べてみます。

画像のカードが隣のカードと正確に並んでいません。画像の下部が揃うように 2 枚の水平カードを並べようとしています。これは私の現在の HTML コードです: <divclass="container"><divclass="row"><divclass="col"><divclass="cardw-100d-flexflex-co

P粉393030917 2023-09-11 15:00:03 0  1  640

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

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

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

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

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 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  423

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11 0  1  495

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。 私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28 0  1  396

JavaScript - キャンバス上で鉛筆の線画効果を実現する方法

最近描いている線画は全てlinetoで描いているのですが、全て実線で描いているので、クリエイティブの効果という観点からすると、【鉛筆】を描いたような効果が欲しいんです～マスターの皆さん、描き方を教えてください。 。

習慣沉默 2017-05-24 11:37:40 0  1  1106

JavaScript - tinymce エディターでコンテンツ画像のサイズ変更を無効にするにはどうすればよいですか?

タイトルにあるように、現在、Weibo コンテンツを送信するためのエディターとして tinymce が使用されています。画像を挿入した後、画像をクリックするとサイズを変更できる、つまり 4 つの点が表示され、画像を拡大または縮小できることがわかりました。これを無効にするにはどうすればよいですか?

巴扎黑 2017-07-05 10:41:20 0  1  1247

画像を変換およびフィルタリングするとオーバーレイが生成されます

画像にホバーすると画像のサイズが大きくなり、ホバーした画像が他の画像によって切り取られないコードを見つけました：tutorialsrepublic.com しかし、次のコードも入力すると： img{transition:filter.5sease-in -out ;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:hover{-webkit-filter:grayscale(0%);filter:gr

P粉276876663 2023-09-15 20:58:43 0  1  1064

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

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

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

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

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

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

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

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

JavaScript - vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法。

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを画面の外にスライドさせたままにする効果を実現する方法。以下は私が書いたコードですが、私が書いたのは次のとおりです: マウスを上に動かします、ボックスはスライドしていますが、マウスは離れていませんが、ボックスは消えています。

PHP中文网 2017-05-19 10:30:36 0  2  900

Vuetify 2 の v チェックボックスのホバー効果を無効にする

Vuetify2 の v チェックボックスの上にマウスを移動すると、チェックボックスの後ろに淡色の円が表示されます。表示されないようにしたいです。現在、v-checkbox は v-tab と v-tooltip でラップされています。それが重要かどうかは疑わしいが、可能性はある。 <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54 0  1  727

angular.js - AngularJs のみを使用して画像スライド切り替えを実装するにはどうすればよいですか?

Baidu にある AngularJS の画像カルーセル効果や画像スライド切り替え効果のコードは、基本的にブートストラップ コントロールに基づいて実装されています。 jQなどを使わずに純粋なAngularJSを実装する方法。モバイル淘宝網の赤ちゃんの詳細ページのトップバナーのように、スライドして写真を切り替える効果を実現しますか？

大家讲道理 2017-05-15 16:51:32 0  1  856

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

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

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

ナビゲーションバーのホバー効果を実装する方法

垂直ナビゲーションバーを作成中です。そのアイコンの名前が右側に表示されるはずです。また、マウスをアイコンの上に置くと名前が白から黒に変わるはずですが、機能しません。それが役立つかどうかを確認するためにタグを変更してみました。また、HTML のタグを変更し、CSS のタグも変更してタグが機能するようにしました。このサイトで問題の解決策を探しました。ナビゲーション バーが機能しません。ここにコードを置く方法がわかりません。お役に立てれば、メッセージ経由でコードを送信させていただきます。理解するのに30分以上費やした

P粉041758700 2024-01-10 18:06:56 0  1  491

CSS Tailwind を使用した画像ホバー カード アニメーションが期待どおりに動作しません。

<html><body><divclass="groupcardmy-14mx-3w-80h-100bg-gray-800rounded-xltext-whitep-5cursor-pointer"><divclass="flexjustify-betweenitems-centertext-2xl"><

P粉863295057 2024-04-06 13:43:17 0  1  594

object-c - iOS が写真を選択してトリミングをカスタマイズするときに、それをプッシュできないのはなぜですか?

{コード...} [picker.navigationController PushViewController:imageCropperViewControllerアニメーション:YES]; この文は、画像を選択するときに、応答しないコンソール プロンプトをクリックしても効果がありません。 [汎用] 不明なタイプの画像形式を作成しています。

滿天的星座 2017-05-02 09:35:20 0  0  717

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

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

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