同じ要素に 2 つの線形グラデーション背景を追加する方法 - Tailwind チュートリアル

Tailwind の 1 つの要素に 2 つの線形背景を追加することはできますか?有効な CSS コードは次のとおりです:background-image:linear-gradient(toright,#f8fafb50%,#16161650%),linear-gradient(toright,#16161650%,#f8fafb50%); 次のように 2 回追加してみました。 ="bg-gradient-to-rfrom-w

P粉561438407 2024-03-27 08:57:02 0  1  495

CSS 放射状グラデーションから SVG 放射状グラデーションへ

CSS のように SVG で放射状のグラデーションを作成することは可能ですか http://codepen.io/A973C/pen/hnEaf (信号機のライトのことです).red{background:red;background-image :radial-gradient (茶色、透明);背景サイズ:15px15px;幅:100px;高さ:100px;border-r

P粉308783585 2023-12-11 15:54:09 0  2  665

css - 線形グラデーションが無効なのはなぜですか?

背景色: Linear-gradient(tobottom, #fc8291, #fa213b); このコード行は Chrome と Firefox では無効であり、背景色: red は正常に表示されます。なぜ？

为情所困 2017-05-16 13:38:09 0  1  1711

境界線の半径を指定してグラデーション境界線を作成する

以下のCSS：a.btn.white-grad{background:$lgrey;color:#313149! important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570) ;border-image-slice:20;float:left;@includefont-size(

P粉930448030 2023-08-13 16:23:14 0  2  500

Safari で「background-clip: text」を使用すると奇妙な行が表示される

CSSを使用してグラデーションテキストを作成しようとしています。現在、Chrome と Firefox では動作しますが、Safari では境界線の外側に奇妙な線が表示されます。私の CSS は次のようになります...h1{font-family:"WorkSans",Helvetica,Arial,sans-serif;}.highlighted{color:transparent;background:linear-gradient(

P粉788765679 2024-01-04 22:03:52 0  1  557

デザインページの垂直スクロールバーを削除するにはどうすればよいですか?

<div><bodyclass="m-0p-0h-fitjustify-centeritems-centermin-h-screenfont-['Jost',sans-serif]bg-gradient-to-bfrom-[#0F0C29]via-[#302B63]to-[#24243E]overflow-hiddenflex"><divclass

P粉248602298 2023-09-12 13:42:34 0  1  652

インライン Tailwind CSS とマルチファイル Tailwind CSS の違いは何ですか?

すべての Tailwind ランチャーを含む Index.css ファイル @tailwindbase; @tailwindcomponents; @tailwindutilities; としてインラインで記述する必要がありますか:index.css ファイル 1.css ファイル 2.css のように別のファイルに記述する必要がありますか?

P粉010967136 2024-03-27 10:52:58 0  1  540

CSS カラー変数 - CSS カラーを定義する場合はルールまたはセレクターが必要です

こんにちは、「CSS カラーを定義するときにアットルールまたはセレクターが必要です。」という問題が発生しています。VS Code を使用していますが、次の問題があります: https://jigsaw.w3.org/css-validator /validator#css CSS をチェックしましたが、どこに問題があるのか​​わかりません。 /*ColorVariables*/$red:red;$green:green;$orange:orange;$blue:blue;$purple:purple;$wh

P粉021708275 2023-09-13 11:02:07 0  1  751

javascript - webpackパッケージreactjsプロジェクトCSS分離

パッケージ化のボリュームが大きすぎるため、extract-text-webpack-plugin を使用して CSS を別のファイル {code...} に抽出します。ただし、js と同様に、パブリック CSS のみをベンダー.css にパッケージ化したいと考えています。パッケージ化には、vendor.js があります。たとえば、ニュース詳細ページでは...

某草草 2017-07-05 10:37:20 0  1  950

Sass エラー: ファイルはすでにロードされています: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; src\css\quasar.variables.scss

私は quasar フレームワークを使用しており、プロジェクトのコンパイル中に上記のエラーが発生しました。モジュールのビルドに失敗しました (./node_modules/sass-loader/dist/cjs.js から): SassError: このファイルはすでにロードされています。 ╷1│@import'~src/css/quasar.variables.scss','quasar/src/css/variables.sass';│^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^

P粉038856725 2023-11-06 21:38:55 0  1  865

javascript - 反応して CSS ファイルをインポートし、モジュール "../../css/style.css" が見つかりませんというプロンプトが表示される

style-loader と css-loader をインストールした後、css ファイルをコンポーネントにインポートしましたが、モジュールが見つからないと報告されました。 webpack の設定ファイルは以下の通りです。 context: __dirname+'/src', {code...} css ファイルは次のように導入されます。 var footerCss = require("../../css/st...

滿天的星座 2017-05-19 10:09:09 0  1  1739

Prettier は .jsx ファイルの中括弧「{ }」を削除しました

.jsx ファイルに次のコード ブロックがあります: <divclassName=""><h1className="">TheNext<brclassName="sm:blockhidden"/>{""}<spanclassName="text-gradient">Ge

P粉760675452 2024-04-03 17:29:10 0  1  535

JavaScript - Webpack パッケージ化 CSS の問題

Webpackを設定するとき、異なるモジュール間でスタイルの名前が競合しないようにCSSのローダーを「style-loader!css-loader?modules」のように設定しますが、このように設定した後、外部のCSSを導入しました。スタイルがパッケージ化されず、表示できません。原因は何ですか...

typecho 2017-07-05 10:43:58 0  1  1117

Angular 14 エラー: ネストされた CSS が検出されましたが、CSS のネストが正しく構成されていません

コンポーネントの CSS ファイルの 1 つにネストされた CSS があります。 「ngserve」を実行すると CSS が機能せず、次のエラーが表示されます: (11:5) ネストされた CSS が検出されましたが、CSS のネストが正しく構成されていません。構成内で Tailwind の「前」に CSS ネストされたプラグインを有効にしてください。ここを参照してください: https://tailwindcss.com/docs/using-with-preprocessors#nesting これは、AngularCLI14 を使用した例です。

P粉982054449 2024-02-25 16:59:52 0  1  606

JavaScript - CSS デザインパターン

マスターにお聞きしたいのですが、CSSデザインでよく使われるデザインパターンとは何で、それぞれどのような特徴があるのでしょうか？

伊谢尔伦 2017-05-19 10:26:45 0  9  693

jsとcssのパスの問題

href="__STATIC__/static/h-ui/css/H-ui.min.css" __STATIC__ を追加しても表示されません

cc 2018-03-25 19:44:14 0  3  1094

thinkPHP の CSS の導入は無効です

CSS効果が表示されません。どうしたのですか？

boluo 2020-06-06 21:21:54 0  4  1406

CSSが見つかりません

css および js ディレクトリは正しいのに見つからないのはなぜですか?

未命名 2019-05-23 16:25:55 0  1  1563

CSSでpタグを変更する

図のように、CSS で p タグを記述すると、他のすべての p タグがそれに応じて変更されます。1 つの CSS で p タグをインテリジェントに変更するにはどうすればよいですか?初心者！

天才在左疯子在右 2018-07-01 17:06:38 0  2  1919

webpackの問題 CSSローダーの問題 - コードログ

npm install style-loader css-loader --save-dev を通じて CSS ローダーをインストールしました。これは webpack.config.js のスクリーンショットです: git エラーのスクリーンショット: チュートリアル リンク: リンクの説明 上記のチュートリアルを数回試しましたが、それでもエラーが発生しました。

phpcn_u1582 2017-06-15 09:22:55 0  3  724