提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

CSS徑向漸層到SVG徑向漸變

是否可以在SVG中製作徑向漸變，就像在CSS中一樣http://codepen.io/A973C/pen/hnEaf（我指的是交通燈中的燈）.red{background:red;background-image :radial-gradient(brown,transparent);background-size:15px15px;width:100px;height:100px;border-r

P粉308783585 2023-12-11 15:54:09

CSS 背景漸層不會覆蓋整個頁面（包括可捲動內容）

我在HTML文件中遇到CSS背景漸層問題。我設計了一個使用線性漸層作為背景的頁面，並將其設定在body元素上。我面臨的問題是，漸變似乎在螢幕最初結束的地方結束，即使有更多內容需要滾動。因此，當您向下滾動時，漸變的第二個實例似乎會重新開始。這是我目前的CSS(SCSS)程式碼：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09

javascript - echarts長條圖漸層色的問題

echarts長條圖能夠達到漸層色的效果，但是能否實現下面這種漸層色效果，求解答？即斜向漸層色

三叔 2017-06-12 09:30:45

可滾動漸變聊天氣泡

我想要一個帶有漸變的聊天氣泡的白色容器，當滾動時，漸變會隨著下面的漸變而變化，如本例所示：我嘗試將任何chatBubble後面的.container部分設為透明，以便. root的背景可見。 .root{background-color:linear-gradient(red,yellow);width:100vw;height:100vh;}.container{width:100%;height:

P粉197639753 2023-09-01 11:52:18

邊框漸層與border-radius是否相容？

我正在為具有圓角邊框（border-radius）的輸入框添加樣式，並嘗試為該邊框添加漸變效果。我可以成功地創建漸變和圓角邊框，但兩者不能同時生效。要么是有圓角但沒有漸變，要么是有漸變但沒有圓角。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38

如何使用CSS製作漸層動畫

我想要平滑地移動我的具有多種顏色的漸變，但問題是動畫不平滑。它只是在每一步中改變位置。 <style>.animated{width:300px;height:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10

使用 CSS3 過渡增強漸變背景

我試圖在滑鼠懸停時使用css在縮圖上進行轉換，以便在懸停時背景漸變淡入。轉換不起作用，但如果我只是將其更改為rgba()值，它可以工作美好的。不支援漸層嗎？我也嘗試過使用圖像，它也不會轉換圖像。我知道這是可能的，因為在另一篇文章中有人做到了，但我不知道到底是怎麼做到的。任何幫助>這是一些可以使用的CSS：#containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11

將 CSS3 轉場與漸層背景結合使用

我試圖在滑鼠懸停時使用css在縮圖上進行轉換，以便在懸停時背景漸變淡入。轉換不起作用，但如果我只是將其更改為rgba()值，它工作正常。不支援漸層嗎？我也嘗試過使用圖像，它也不會轉換圖像。我知道這是可能的，因為在另一篇文章中有人做到了，但我不知道到底是怎麼做到的。任何幫助>這是一些可以使用的CSS：#containerdiva{-webkit-transition:background0.

P粉217629009 2023-08-23 21:25:42

線性漸變不適用於淺色/深色主題中的變數

我正在開發我的個人網站-https://cooperativedoilylivedistro.elliott23.repl.co-它根據喜好有淺色和深色主題。問題是，當我將線性漸變設為變數時，它不起作用並且整個背景變成白色。這就是HTML、CSS和JS。如果您想了解發生了什麼，請在瀏覽器中查看網站。 <!DOCTYPEhtml><htmllang="en"&

P粉190443691 2024-03-29 13:28:10

可以將邊框半徑與具有漸變的邊框圖像一起使用嗎？

我正在設計一個具有圓形邊框（邊框半徑）的輸入字段，並嘗試在所述邊框添加漸變。我可以成功地製作漸層和圓形邊框，但是兩者都不能一起工作。它要么是沒有漸變的圓角，要么是帶有漸變但沒有圓角的邊框。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01

是否可以實現從一種顏色繪製的文字到動畫漸變的平滑過渡？

頁面上有白色文本，其下方有一個按鈕。此外，也套用動畫漸層來填滿文字。當您按一下該按鈕時，-webkit-text-fill-color屬性將變為透明，導致文字顏色突然變更以符合漸層。如下所示：https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ能否實現從白色到漸變的平滑過渡？（-webkit-text-fill-color屬性不直接支援transiti

P粉762447363 2023-09-16 09:22:05

如何實現錐形漸層動畫的顏色平滑過渡？

我正在製作一個錐形漸變的動畫，但顏色變化不夠平滑我看過各種文章，但無法正確複製它們你可以在這裡找到我的代碼：<style>body{min-height:100vh;display:flex ;align-items:center;justify-content:center;}.pyramid{width:500px;height:500px;background-image:coni

P粉285587590 2023-09-01 16:37:22

是否可以為 SVG 路徑新增漸層？

我想在我的網站上放置一個由腳本觸發的簡單載入指示器。它應該是一個簡單的圓弧，有漸變並且在使用者等待時旋轉。我還沒有嘗試過動畫部分，但現在陷入了靜態樣式。這是我到目前為止所得到的：<svgversion="1.1"baseProfile="full"xmlns="http://www.w3.org/2000/svg"width=&quo

P粉402806175 2023-10-18 14:55:02

javascript - vue-echarts-v3所使用的過程中折線圖區域呈現漸層色。

這是我的圖表數據我希望紅色部分是漸變色。我已經使用了visvisualMap的方法，並不能達到我想要的效果。當我使用new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ {代碼...} 由於不想在專案中引入過多的資源，...

我想大声告诉你 2017-05-16 13:36:11

標題重寫為：Vue中新增內聯樣式的CSS變量

我在元件中使用css變量，並根據setup()中計算的資料設定div的寬度setup(props){constprogressBar=PositionService.getProgressBar(props.position);constprogressWidth=`${progressBar}%`;... return{...,progressWidth};}然後我使用這個變數作為css變數。 &l

P粉421119778 2023-12-31 12:51:41

重寫後的標題為：如何在HTML中製作一個帶有漸變背景的自動填入滑桿

我只是在玩HTML，我想做一個用漸層填滿自身的滑桿，但我發現這幾乎是不可能的。我已經研究了幾個小時，但似乎找不到答案。我認為我需要JS，但我在那裡完全空白。 .slidecontainer{justify-content:center;bottom:0px;margin-left:auto;}.slider{-webkit-appearance:none;appearance:none;borde

P粉715228019 2024-02-03 20:57:38

為什麼我的漸層效果在影像邊緣無法達到淡出效果？

我想讓影像的邊緣變得模糊，或至少模糊地淡出。我嘗試過的任何方法都不起作用，並且我查看了Stackoverflow上的所有問題。我使用的是CSS，而不是Sass。使問題變得複雜的是，我在頁面上有一個背景圖像，並用不透明度為0.8的白色蒙版覆蓋它。請問有人可以幫忙嗎？這是我的Codepen。 .screen{position:relative;width:100vw;height:100vh;disp

P粉317679342 2023-09-09 23:34:16

使用SCSS產生預設值和CSS變數

我正在實現網站樣式。出於遺留支援的原因，我需要支援IE11，至少一段時間。出於工作流程和我的理智原因，我想盡可能使用css變數。我已經研究過這個解決方案，它會產生一些有效的東西，但使用起來相當冗長。我的目標是最終得到一個硬編碼值，該值會立即被CSS變數覆蓋。這樣我就可以為每個人添加預設主題，並為那些支援css變數的瀏覽器添加不同的主題（例如暗模式）。顯然不需要我自己寫所有這些。所以我的想法是我可以

P粉295616170 2024-04-06 17:46:54

如何將透明度應用於CSS顏色變數？

我正在使用Electron設計一個應用程序，因此我可以訪問CSS變數。我在vars.css中定義了一個顏色變數：:root{--color:#f0f0f0;}我想在main.css中使用這種顏色，但應用了一些不透明度：#element{background:(somehowusevar( --color)atsomeopacity);}我該如何做？我沒有使用任何預處理器，只使用CSS。我更喜歡全

P粉573809727 2023-10-13 15:48:04

CSS顯示屬性的漸層效果

我目前正在設計一個CSS的“超級下拉選單”-基本上是一個常規的純CSS下拉選單，但其中包含不同類型的內容。目前，似乎CSS3的過渡效果不適用於「display」屬性，也就是說，無法從display:none過渡到display:block（或任何組合）。在上面的範例中，有沒有辦法讓第二級選單在有人懸停在頂級選單項目上時「淡入」？我知道可以在visibility:屬性上使用過渡效果，但我無法想出有效使

P粉608647033 2023-08-21 11:08:32