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

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

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

CSSクリッピングパスを使用するときに角を丸くする方法

作成した図形の左端の 3 つの角を丸くしたいのですが、方法はありますか? div{位置:絶対;z-インデックス:1;幅:423px;高さ:90px;背景色:#b0102d;色:白;右:0;マージントップ:10vw;-webkit-clip-path:polygon( 100%0%、100%50%、100%100%

P粉921130067 2023-08-24 15:40:15 0  1  604

vim プラグイン - Mac で ITerm2 で VIm を起動した後に発生するギャップを削除する方法

写真のように、項目 2 に背景画像を設定したのですが、端に隙間ができてしまいます。これは、vim を liunx のように全画面表示できる良い解決策はありますか?

阿神 2017-05-16 16:33:55 0  1  640

CSSを使用してdivの下端を内側にカールさせます

CSS を使用してこの長方形の div/背景の下端を曲げたいので、結果は次のようになります: 誰かそれを実現する方法を知っていますか? .curved{margin:0auto;height:400px;background:lightblue;border-radius:00200px200px;}<divclass="container"><divclass="curved">&l

P粉384366923 2023-10-23 19:55:32 0  2  928

CSSを使用してdivの下部を内側にカールさせます

CSS を使用してこの長方形の div/背景の下端を曲げたいので、結果は次のようになります: 誰かそれを実現する方法を知っていますか? .curved{margin:0auto;height:400px;background:lightblue;border-radius:00200px200px;}<divclass="container"><divclass="curved">&l

P粉617237727 2023-08-24 21:15:13 0  2  523

グラウンドフィルターのブラートランジションの問題

ボタンを押すと背景がぼかされますが、トランジション時にdivの端がうまくトランジションしません。この問題は Firefox を除くすべてのブラウザに存在します。どうすれば修正できますか? varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  496

ナビゲーション バーと次のセクションの間の小さな空白スペースを削除するにはどうすればよいですか?ホバーセレクター上の小さな灰色のスペースを取り除くにはどうすればよいですか?

freecodecamp の HTMl コースの最終プロジェクトとしてこの Web サイトをコーディングしているのですが、修正方法がわからない 2 つのエラーが発生しました。一方では、ナビゲーション バーと最初のセクションの間に小さな白い線があります。一方、ホバーセレクターを使用してナビゲーションバーリンクの背景を灰色にしますが、下部に小さな暗い線を残します。白い線は次のようになります。 最初の白い線を修正するために、パディングとマージンを削除してみました (これにより、端の空白の一部が削除されましたが、2 つの部分の間に残った空白は削除されませんでした。また、すべての CSS も追加しました...

P粉764836448 2024-02-25 22:54:59 0  1  415

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

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

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

css3で正方形の画像をx回転なしで台形に変換します

背景画像のある正方形の div を台形に変換しようとしています。 Photoshopの「歪み」ツールと同じように、2Dで作りたいと思っています。基本的に、私が望むのは、正方形の上端を縮小し、それに応じて画像を変形させることだけです。 3D 変換はトリックを行う「ようです」:transform:rotateX(30deg); ほとんどのユースケースで機能しますが、すべてではありません。実際、これは 30 度回転した正方形で、正面/背面から見ると台形のように見えますが、反対側から見ても 30 度回転した正方形です。

P粉604669414 2024-03-28 15:26:58 0  1  422

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

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

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

HTML、CSS、SVG を使用してスケーラブルな標識を作成する

道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラフィックのみを背景グラフィックとして使用してこれを試してみると、矢印はそれに応じて拡大縮小および圧縮/伸縮されます。したがって、これを行う方法は、テキストを通常の div に配置し、CSS:after を使用して矢印を SVG として追加することです。矢印は完全に塗りつぶされているはずです。つまり、フレームの問題に対処する必要はありません。 （見やすくするためにSVGを黒のままにしました）最初の問題は、矢印が常にブロ...

P粉555682718 2024-03-31 14:45:14 0  1  507

JavaScript - H5 モバイル端末のドロップダウンで背景が黒くなる問題を解決するにはどうすればよいですか?

まずはJDから見てみましょう。このような問題が発生します。

黄舟 2017-06-26 10:57:38 0  1  1098

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  931

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  802

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  682

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  658

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1076

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  561

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  759