堆棧內存溢出
cost 435 ms
無限滾動漸變背景

[英]Infinite scrolling gradient background

我已經搜索過，但沒有在 SO 上找到這個問題的答案，所以我直接在這里問。 有沒有人有一個干凈的方法來創建一個無限滾動的漸變背景？ （漸變變化，因此您可以從一側/角落到另一側跟隨顏色） 我在 15 年前就用 VB 做過這個，但是我已經很久沒有接觸 VB 了，它對我來說都是希臘語。 假設以前有人在 C ...

如何制作局部附加的重復線性漸變

[英]How do I make local attached repeating linear gradients

我最近一直在嘗試制作一個使用重復線性漸變來分隔行的文本區域，但是，當我滾動時，漸變不會附加到文本框。 難道我做錯了什么？ 順便說一句，這是代碼： <:DOCTYPE html> <html> <head> <base target="_top"> & ...

在 Google Chrome 中另存為 PDF 時不會出現重復線性漸變

[英]Repeating Linear Gradient doesn't appear when Saved as PDF in Google Chrome

我目前正在處理我的簡歷，並試圖在上面有一些由線條組成的整潔的圓圈。 所以我使用了重復線性漸變，它可以工作，就像當你點擊 CTRL + P 時它顯示在瀏覽器和打印屏幕上一樣，但是當你實際將它保存為 PDF 時，圓圈不會出現在 PDF文件。 我在 Google Chrome、Firefox、Micros ...

重復線性梯度在最后一次重復時中斷

[英]repeating-linear-gradient broken on the last repetition

我正在嘗試使用repeating-linear-gradient元素，但在容器上方 30 像素處啟動它。 我正在使用background-position屬性，但漸變的最后一次重復總是被破壞： 示例代碼： 並擺弄工作（意味着損壞：D）示例： https://jsfiddle.net/b3mhe2c ...

進度條中的動畫背景 (HTML5) Shadow DOM

[英]Animating background in progress bar (HTML5) Shadow DOM

我正在嘗試為進度條設置動畫（HTML5 <progess>標簽）。 我設法設置了 Shadow DOM 元素的樣式，但我無法為背景設置動畫（重復線性漸變）。 它適用於 Firefox，但不適用於 Chrome 和 Edge。 <ins>它不起作用 我的意思是，顯示了條紋背 ...

是否可以使用重復線性漸變屬性設置邊框圖像和背景？

[英]Is it possible to set border-image and background both with repeating-linear-gradient property?

我正在嘗試使用repeating-linear-gradient選項設置border-image和background屬性，但對同一<div>元素使用不同的值。 我不知道該怎么做，因為在我的嘗試中，漸變參數似乎是重疊的，而且頁面似乎也采用了最后設置的值。 這是我得到的代碼和輸出： ...

如何使用線性漸變創建無限背景圖案動畫？

[英]How to create an infinite background pattern animation using linear-gradient?

我正在嘗試創建一個動畫重復模式（水平滑動的斜條紋），作為加載塊的占位符（在本例中為li ）。 如何使動畫平滑/連續，給人一種圖案無限滑動的錯覺？ 如何計算元素width以使圖案連續？ （條紋不應該看起來破損/中斷）。 如何讓它循環看起來不是重新啟動而是無限滑動？ （100% 幀應該無 ...

匹配兩個div的漸變（如果寬度不同）

[英]Match gradients of two divs, if those have different width

我有10個嵌入式div，它們具有相同的漸變類型-45deg線，但是漸變具有不同的顏色，並且div具有不同的寬度。 可以匹配漸變嗎？ （下面的希望圖片對此進行了說明） 我的CSS漸變。 僅顏色變化。 #div1 { background: repeating-li ...

修復鏡像對角背景圖案

[英]Fix for Mirrored Diagonal Background Pattern

我為鏡像對角背景圖案創建了一個解決方案，但是該錯誤僅存在於Firefox中，在某些屏幕寬度下，左右位置的元素之間會出現一條垂直線。 有人有解決方案或駭客嗎？ 唯一的要求是背景為CSS（無鏈接的圖像文件）。 .stripes-background { width: 50%; m ...

FontAwesome 條紋星星

[英]FontAwesome Striped Star

我正在嘗試使用如下所示的 font-awesome fa-star-o圖標創建條紋星。 我使用背景漸變來創建這種效果，但它不僅覆蓋了星形圖標，還覆蓋了圖標周圍的整個方形空間。 可能是我想要實現的目標是字體很棒的圖標無法實現的，因此也可以接受其他建議，但更喜歡帶有圖標的答案。 &l ...

CSS 背景：重復線性漸變的偏移量

[英]Css background: offset for repeating-linear-gradient

我在 SASS 中以下列方式繪制了一個網格作為<div>的重復背景： 它呈現以下方式： 但我希望它以向左偏移15px （或向右偏移4 * $minor-grid-size + 15px呈現，即： 現在我不能使用margin-left ，因為它也會偏移<div> ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM