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

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

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

固定ヘッダーと回転列ヘッダーを備えた表

固定ヘッダーと固定最初の列を持つテーブルがあります。また、列ヘッダーを 45 度回転したいと考えています。固定タイトルには背景色を設定する必要があります。ただし、次の列の背景が前の列のテキストと重なるため、45 度回転したヘッダーでは問題が発生します。問題の例を次に示します。 .fixed_table{white-space:nowrap;margin:0;border:none;border-collapse: Separate;border-spacing:0;table-layout:

P粉762730205 2024-04-03 08:50:32 0  1  478

javascript - jsは中国語のピンインの最初の文字を取得します

検索機能を備えたプラグインを作成しているのですが、機能を追加したいと考えています。たとえば、英語の文字 b を入力すると、ピンインが b で始まる中国語の文字も照合できます。これを達成する方法を教えてください。中国語とピンインを比較するためのライブラリがあるはずです。

淡淡烟草味 2017-05-19 10:46:32 0  3  884

ReactJSのBootstrapボタングループで条件付き小道具を作成する方法

次のように useState を持っています: const[orderStandard,setOrderStandard]=useState("total"); そして、orderStandard の値に基づいて、props を与えたいと思います。以下のコードは、ReactJS の BootStrap を備えた ButtonGroup です。 https://react-bootstrap.github.io/components/button-g

P粉010967136 2024-02-26 20:47:26 0  1  323

専用セクションを備えたパーソナライズされた WooCommerce 設定ページを作成する

WooCommerce設定画面にカスタム設定タブを追加しようとしています。基本的に、サブセクション/サブタブを介して製品設定タブと同様の機能を実現したいと考えています。これを行う方法に関する適切なドキュメントは見つかりませんでしたが、次のスニペットを使用してカスタム タブを追加することができました。classWC_Settings_Tab_Demo{publicstaticfunctioninit (){add_filter('woocommerce_settings_tab

P粉521748211 2023-12-12 12:34:55 0  1  496

テキストフィールドを使用して肯定的な検証を行い、データを送信する方法を学びます。

フォーカスが失われたときに何かをトリガーする検証ルールを備えた v-text-field があります。検証に合格した場合にのみ EmitFunction を呼び出す方法はありますか?

P粉574695215 2023-08-09 18:56:19 0  1  570

複数のルートで宣言されたワーカープールは、しきい値を気にせずに CPU 使用率を維持できますか

CPU を集中的に使用するタスクを処理するワーカープールを備えた Node.js システムを見つけたいと考えていますが、複数のルートにわたる CPU 使用率については少し混乱しています。シナリオは次のとおりです。route1.js:constworkerpool=require('workerpool');constpool=workerpool.pool(__dirname+'/job1.js');pool.exec....route2.js:cons

P粉517475670 2024-04-06 19:54:23 0  1  703

node.js - 先生、開発モードの Webpack サーバーによってパッケージ化されたものを Express サーバーでどのように使用できるか教えてください。 ? ?

Expressのような技術スタックを学んだばかりで、ブログのような機能を備えたものを開発したいと考えています。これを行う前は、webpack の開発モードでは、パッケージ化されたリソースはデフォルトで webpack サーバーのポート以下に、express で必要なリソースはデフォルトで 3000 ポート以下になるのではないかと考えていたのですが、今日試して開発してみました。 ..

PHP中文网 2017-06-24 09:43:45 0  2  1084

Nuxt3 SSR サーバー/クライアント ミドルウェアにより、保護されたページが予期せずレンダリングされる

簡単な認証を備えた NuxtSSR アプリケーションを開発しています。ログインに必要なすべてのルートを保護するための authmiddleware を使用しています。 exportdefaultdefineNuxtRouteMiddleware(async(to,from)=>{if(process.client){constauthStore=useAuthStore()if(!authStore.check){authStore.retur

P粉811349112 2023-08-28 22:36:09 0  1  518

JavaScript - WeChat h5 ページのカスタム ボタンにより、ページをパブリックに共有します

1. WeChat h5 ページ; 2. ページ内のカスタム ボタン グループ; 3. 共有機能を備えたボタン グループ: たとえば、クリックして友達と共有したり、モーメントに共有したり、誰かがこのようにしたのか、アイデアや指示を提供します。申し訳ありませんが、これは、共有ボタンを使用して記事を読むモバイル ブラウザーに似ています。

PHP中文网 2017-07-05 10:49:35 0  2  1176

サービスごとに 1 時間あたりに提供されるチケットの最大数 - SQL

これは、複数の異なるサービスからのチケットを備えた留守番サービスであり、各サービスの従業員のチケットを時間ごとに受け取りたいと考えています。次のコードとデータベース出力があります: print code SELECTgfqueuecounter_counter,hora,gfqueue_descFROM(SELECTgfqueuecounter_time,gfqueue_desc ,gfqueuecounter_counter ,SUBSTRING(CONVERT(gfqueue

P粉919464207 2024-04-02 16:18:08 0  1  472

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

アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 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  476

エクスポート可能な関数を備えた Vue コンポーネントを作成する方法

エクスポート可能な関数を使用してコンポーネントを作成する方法を理解しようとしています。例: このコンポーネントからインポートされた showMessage() メソッドが他のコンポーネントで呼び出されたときに画面に表示されるメッセージ ボックスを作成したいと考えています。メッセージボックスコンポーネントにはロジックとテンプレートを記述したいと思います。これを達成するにはどうすればよいでしょうか?これに関するドキュメントや記事があれば、大変感謝いたします。

P粉458725040 2023-09-11 20:34:15 0  1  598

C 言語の基礎を備えた、PHP の学習初心者

初心者がPHPを始める方法と、始めた後の学習方法を教えてください。

phpcn_u242677 2018-07-03 19:48:59 0  1  1001

android - スライドイベントを使用して ViewGrounp をカスタマイズするときにグラフィックスの 1 つの位置を修正するにはどうすればよいですか?

インジケーターを備えた多くの ViewPager コントロールは RelativeLayout を継承し、プロキシ ViewPager メソッドを通じて ViewPager として偽装し、インジケーターがこの ViewPager にオーバーレイされることがわかりました。これはちょっと面倒だと思います。 ViewPager を継承したいだけです...

代言 2017-06-30 09:57:14 0  1  1120

php - N+1クエリ質問を回避するために最適化されたクエリを備えたYiiリレーショナルテーブル

例: 投稿の詳細ページ hasMany はコメント テーブルに関連付けられ、コメント テーブル hasOne はユーザー テーブルに関連付けられ、ユーザー テーブル hasOne はユーザー データ テーブルに関連付けられます。コメント リストの場合、ユーザー テーブルは次のようになります。 with('author') 関連付けを通じてクエリを実行すると、N+1 クエリが回避されますが、現時点では、ユーザー テーブル関連付けを通じてクエリを実行します...

阿神 2017-06-10 09:47:45 0  2  1240

JavaScript - Vue でコンポーネントを合理的に分割するにはどうすればよいですか?どのようなモジュールを別のコンポーネントにする必要がありますか?

最近、メイン インターフェイスとチャット ページを備えた小さな Web チャット アプリケーションを作成しています。内容は複雑ではありません。初めて Vue を使って書いてみたとき、メインインターフェースの先頭に個人情報、真ん中にリスト、下部に友達カテゴリの切り替え、そして をクリックして開くチャットインターフェースのテキストを組み合わせました。リスト項目、メッセージパネルなど、すべて...

学习ing 2017-06-12 09:32:33 0  1  651

android-studio - Androidのステータスバーがカバーされています - コードログ

ステータス バーがページで覆われています。 困惑した。これは Web ビューを備えた H5 ページです。他の活動は通常通りです。 WebView の H5 はステータス バーをカバーするアクティビティを制御できますか?とんでもない。

迷茫 2017-05-16 13:23:39 0  1  792

Alibaba Cloud OSS に保存されているビデオを Web サイトで再生するにはどうすればよいですか?

Alibaba Cloud OSS に保存されているビデオを Web サイトで再生するにはどうすればよいですか?このプロジェクトは、ビデオチュートリアルを備えた教育タイプの Web サイトです。

biubiubiu 2018-10-09 17:06:24 0  1  1954

React を使用して固定ナビゲーション バーと折りたたみ可能な固定サイドバー ページを実装する

React と Chakra-ui コンポーネントを使用して、固定ナビゲーション バーと折りたたみ可能な固定サイドバーを備えたページを実装しようとしています。以下はサンプルコードです。 import{Box}from"@chakra-ui/react";exportconstApp=()=>{return(<Boxdisplay="flex"><Boxposition="fixed"wi

P粉356361722 2023-08-29 08:43:17 0  1  668