透明な半円の切り抜きのある Div

CSS3だけで半円の透明な切り抜きを作りたいと思っています。唯一の要件は、形状を形成するすべての要素が黒または透明であることです。半円は透明で背景が透けて見える必要があるため、黒い長方形の上に白い円を置くことはできません。必要な形状:

P粉022285768 2023-10-22 17:51:09 0  2  781

javascript - swiper.js での複数の切り替え方向の問題

現在のシーンは次のようになります。左右に切り替わる 4 つのアニメーション ページがあり、各アニメーション ページを下にスライドして別の同じページに切り替えることができる必要があります。現在、swiper.js を使用しています。これらの間でアニメーションを切り替えるにはどうすればよいですか?左右?下にスライドしてページを表示できるのですが、下にスライドして表示されるページも上と同じです…。

过去多啦不再A梦 2017-06-24 09:43:29 0  1  888

スタイル付きコンポーネントでの @property の使用: ガイド

アプリケーションでアニメーションを使用したいのですが、SCSS で @property 関数が必要です: @property--border-angle{syntax:"<angle>";inherits:true;initial-value:0turn;} 何か方法はありますかこれはスタイル付きコンポーネントですか?アニメーションの完全なコードは次のとおりです: https://codepen.io/shshaw/pen/RwJwJJx またはこれを書き直す方法

P粉808697471 2024-03-28 13:35:39 0  1  432

macos - Mac os x nano 行 M-6 キーをコピーする方法

Mac os x で nano を開き、現在の行をコピーする (Safari に貼り付けることができます) ショートカット キーは何ですか? {コード...} Ctrl+Kを押すと切り取りはできるのですが、Safariでは貼り付けが全くできません。 M-6というボタンがありますが、このMはオプションキーのことですか？ しかし、回復する方法はありません...

PHP中文网 2017-05-16 16:39:29 0  1  1247

JavaScript - vue でニュースリストを上下にスクロールさせる方法

これはループ内で再生されるデータ部分です {コード...} これは私の現在のコードです。アニメーション効果なしでループ内でのみ切り替えることができます {コード...}

淡淡烟草味 2017-05-19 10:43:20 0  3  913

HTML ニュースレターを電子メールで送信する

メールの受信に関して気に入っているのは、Gmail のモバイル表示が壊れているように見えることです。ビューは背景画像から、切り抜きごとに入力できる構造に変わります。手伝ってもらえますか？必要なものはすべてすぐに手に入る

P粉486138196 2023-08-01 19:17:50 0  1  688

JavaScript - 現在のページから切り替えた後、このページの JS アニメーションは一時停止されますか?

現在のページを切り替えると、そのページの js アニメーションが一時停止されます。この問題を解決するにはどうすればよいですか?一時停止できません。 ！ ！

高洛峰 2017-07-05 10:46:38 0  1  964

jqueryの幅の切り替えアニメーションを途中で停止して再び閉じるようにするにはどうすればよいですか?

この質問はわかりにくいかもしれませんが、例を挙げてみましょう。幅を切り替えるボタンをクリックすると、ボタンを押した後も div がアニメーションし続けます。これは驚くべきものではありません。私が望むのは、div が途中で停止して別の方向に進み、ボタンがもう一度押されたときに既存のアニメーションを完了しないことです。 $(document).ready(function(){$('.menuToggle').click(function(){$(".menuContainer").anim

P粉238355860 2024-03-19 23:49:40 0  2  417

グラフデータが変更されるとGoogleグラフアニメーションが見えなくなる

Google チャートのアニメーションを適切に動作させることができません。問題は、グラフがデータを更新するだけでなく再描画し続けることだと思いますが、Google のサンプル コードと JavaScript に関する私の限られた知識に基づくと、これを修正する方法がわかりません。グラフは最終的にデータ ソースからデータを動的に更新するため、グラフを更新するボタンは含めたくありません。データの変更を適切にアニメーション化するにはどうすればグラフを更新できますか?参考: https://developers.google.com/chart/interactive/d

P粉170438285 2023-09-02 12:32:58 0  1  762

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  805

JavaScript と Jquery: クリックされた要素のインデックスを見つける

スライドショーを作成していますが、次の質問で困っています - ラベルがクリックされたときに配列内の位置 (インデックス) を見つけるにはどうすればよいですか?次のコード部分は、すべての a タグを取得します this.thumbs=this.nav.find('a'); どこから始まりますか?もう 1 つ問題があります。ラベルがクリックされたときに、ラベル内の div のクラスを切り替える必要があります (div ラベルは classpromo_tumb_current を取得する必要があり、そのラベルを持つ div はそれを失う必要があります)。 HTML コード: <divclass...

P粉022140576 2023-08-25 14:55:21 0  1  570

ant.design v5.2.0 - date.locale は関数ではありません。「ant.design v5.2.0 - date.locale は呼び出し可能な関数ではありません」のように書き直されました。

次の問題があります。ant.design のバージョン 5.2.0 を使用しています。次の方法で <DatePicker> コンポーネントを使用すると、dayjs 形式の日付を Form.Item に渡すときに、常に追加のエラー メッセージが表示されます。エラーは表示されませんが、事前に入力されたデータは表示されません。日付ピッカーのいずれかの値。他に何を試すことができますか?以下はソース コードからの抜粋です: <Formform={formRef}onF

P粉488464731 2023-08-25 09:05:00 0  1  589

Web フロントエンド ページにテーブル効果を実装します。このテーブルは編集可能です

都市防衛データを表示するためにページ上でテーブルが使用されていますが、このテーブルは編集可能です。セル内の内容はコピー、貼り付け、切り取りが可能です。また、操作を元に戻したり、元に戻したりすることもできます。最後に、テーブルを凍結することもできます。これをやった人はいますか?アドバイスをお願いします。

鸢尾花 2018-05-07 15:08:24 0  1  2541

browsersync によって検出された静的ページの名前は、index.html のみであり、demo.html はリアルタイム同期には使用できません。wamp 環境などで動的ページを検出した場合、browsersync を使用してページを開くことはできますが、同期はできません。達成される。

browsersync によって検出された静的ページは、index.html という名前のみを付けることができ、demo.html とリアルタイムで同期することはできません。wamp 環境などで動的ページを検出する場合、browsersync を使用してページを開くことができますが、コマンド静的ページの同期に使用されるものは実装できません (目次) ファイルがあるディレクトリに切り替えます) browser-sync start --server --files "*.html" (index.html でのみ名前を付けることができます。デモを使用してください) .html

phpcn_u93986 2018-06-11 21:13:39 0  1  1664

アニメーション化された数値カウンターのカンマの配置

私は、HTML、CSS、JavaScript をさまざまに組み合わせて、各数値の横に記号 (+、% など) が付いたスクロールするアニメーションの数値カウンターを試してきました。ようやく適切な組み合わせを見つけましたが、まだ完璧ではありません。 1,000以上の数値にカンマを追加したいのですが、HTMLにカンマを追加するとNaN出力が生成されます。私は JavaScript を初めて使用するため、カンマを表示するために現在のコードに何を追加または修正すればよいのかわかりません。誰かが現在のコードを書き換えてカンマを表示するか、その方法を教えてくれませんか

P粉277824378 2024-01-16 14:43:34 0  1  597

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  842

ダッシュを含む表のセルが HTML/CSS で折り返されないようにするにはどうすればよいですか?

私の質問は次の質問と非常によく似ていることはわかっています。表のセルでテキストが折り返されないようにする方法。これが私が最初にチェックした質問です。表があり、列の 1 つに長い説明を書き、次の列は日付です。日付列はダッシュで区切られた文字列であるため、ブラウザーは日付列をラップすることがクールだと考えます。現在、私は次のようなものを持っています: |説明|日付||---------------------------|-------- - -||これはかなり長いです|2

P粉254077747 2023-08-29 09:18:25 0  2  744

非表示のサイドパネルを表示: チェックが入っています

アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作りたいと思っています。 :checked 疑似クラスが最適な方法のようですが、それを機能させることができません。私がこれまでに持っているコード： .site-navigation{z-index:99;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:40% ;高さ:1

P粉647504283 2024-04-06 15:49:33 0  1  567

MySQL にアクセスできません、エラー コード 1045 (28000): ユーザー 'bill'@'localhost' のアクセスが拒否されました (パスワードを使用: はい)

最初に言っておきますが、提案された質問の多くを検討しましたが、適切な回答が見つかりませんでした。これが私がやっていることです。 AmazonEC2 インスタンスに接続しています。 mysql-uroot -p を使用して MySQLroot ユーザーにログインできました。次に、ホスト %CREATEUSER'bill'@'%'IDENTIFIEDBY'passpass' で新しいユーザー bill を作成し、ユーザー bill:grantallprivilegeson* にすべての権限を付与しました。 * に

P粉885562567 2023-09-17 09:21:55 0  2  661

vim - ターミナルで、コマンド結果を切り取ったバージョンに出力します (直接貼り付けることもできます)

{コード...} 上記の例はファイルに出力していますが、カット版に出力する場合はどうすればよいでしょうか。

巴扎黑 2017-05-16 16:35:42 0  3  705