提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

能不能用html5做一個圖片滾動效果

能不能用html5做一個圖片滾動效果

。 2018-01-31 16:19:16

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

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

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

變換和過濾影像導致疊加

我發現一個程式碼可以在您懸停時增加圖像的大小，並且懸停的圖像不會被其他圖像裁剪：教程共和國.com但是當我也輸入這段程式碼時：img{transition:filter.5sease-in -out;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:hover{-webkit-filter:grayscale(0%);filter:gr

P粉276876663 2023-09-15 20:58:43

javascript - 微信分享H5, 這種帶底色模糊的效果是如何實現的?

像我們正常分享的效果是下面那樣, 我試用得到的分享是上面那樣帶底色(好像是圖片模糊處理的效果)的, 請問是如何實現的?

过去多啦不再A梦 2017-06-12 09:29:10

動態為多個元素添加:hover效果

是否有可能以程式設計方式為多個元素添加hover效果？在我們的系統中，有多個元素代表一個單元（但由於其他原因需要將它們分開成多個元素），在某些情況下，它們應該在懸停時一起重新著色。是否有可能以程式設計方式為多個元素添加hover效果？或者說這是否是一個好的實踐？我可以透過使用my_own_css_class來解決這個問題，在懸停時將其添加到所有元素上。但我覺得以程式方式讓它們有hover效果可能對我有

P粉203792468 2023-08-15 23:49:58

學習如何透過CSS修改塊的邊緣實現羽化效果

如何修改我的CSS，使盒子的邊緣具有羽化模糊效果？我希望盒子的背景具有磨砂玻璃效果，而不是周圍的銳利邊緣，而是具有羽化效果，可以逐漸與背景融合，但我不知道如何修改當前的CSS。希望能得到你的幫助，謝謝。 .wrap{position:relative;width:100%;height:100vh;background-image:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07

html - css導覽列模糊，導覽列固定，隨著頁面滑動對下方頁面產生模糊效果，如何實現？

找了半天網路上沒找到能夠動態影響下方頁面，使其模糊的解決。這是b站的一個模糊效果，靜態的，原理是使用兩張一樣的圖片，一張取部分模糊和另一張拼合。我的想法是類似AE的調節層加個高斯模糊，對下方圖層有實...

大家讲道理 2017-05-24 11:36:02

javascript - 知乎上的圖片載入是什麼原理？

一開始，都是模糊的，當在螢幕視圖範圍內，就會顯示高清。是一開始載入的是預處理的低像素的圖片，隨後再顯示高清圖片？或者，是別的什麼方法？

我想大声告诉你 2017-05-24 11:32:17

圖中影像的長寬比

我有一個標題的圖像，就像這樣：標題我在CSS中還有img{max-width:100%}。我想同時設定圖像的寬度和高度，並在寬度減小到其設定值以下時保持其縱橫比。所以，我嘗試了這樣的程式碼：標題這大致是我想要的，但是當圖像被'letterboxed'時，標題離圖像底部的距離很遠。有沒有辦法在保持標題緊貼圖像底部的同時獲得我想要的結果？

P粉557957970 2023-08-17 20:24:04

按鈕啟動導致懸停效果故障

我一直在努力學習網頁開發的基礎知識（HTML、CSS和JS），所以我一直在嘗試製作一個可用的蘋果計算器。一切都工作正常，直到我注意到一個小錯誤。一開始，操作按鈕上的懸停效果很好，當我懸停時顏色變得更亮。當我按下按鈕時，按鈕會變得更加明亮並保持這種狀態，直到使用者輸入另一個數字（或「等於」按鈕）來與前一個數字進行操作。之後，操作按鈕將變為正常顏色。在那之前，一切都很好，但我注意到，在用戶按下按鈕並

P粉548512637 2024-04-01 21:51:26

html - css 如何加裝這種邊框?

如圖所示，要怎樣才能實現這種效果,給圖片四個角落添加邊框

伊谢尔伦 2017-05-16 13:34:16

vue 和 vuetify 元件上的滑鼠懸停效果

因此，我嘗試重新創建滑鼠懸停效果，如以下文章中的範例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js將懸停效果應用到vuetify庫中的v-card。所以這是我的嘗試：https://codepen.io/pokepim/pen/NWdwOEq現

P粉032649413 2024-03-27 16:31:16

javascript - 當點選swipe的左右切換箭頭時，在swipe來源碼裡的slideNext函數內部如和存取到目前的vue實例

現在的需求是，用vue做了一個tab欄來配合swipe的輪播組件。當我點擊輪播圖的左右剪頭時，我想要在swipe的slideNext函數中取得到目前頁面的頁碼，並把頁碼傳給vue實例，來實現輪播圖和tab欄同步的效果！但現在 var...

漂亮男人 2017-06-26 10:58:16

模組找不到：錯誤：無法解析 'DavidDaDon.png'

我不太確定我在這裡做錯了什麼。我在 src 資料夾中有這些 PNG 圖片，我使用了 require 和相對路徑來引用這些圖片。我覺得自己快要瘋了。作為參考，我正在製作一個與親密的朋友和家人一起慶祝生日的倒數計時，這些圖片最終會成為一個手風琴效果顯示出來。

P粉001206492 2023-07-27 21:01:30

javascript - canvas畫多個小球，怎麼能讓每個小球的背景圖片不一樣，可以做到麼？

問題：canvas畫多個小球，怎麼能讓每個小球的背景圖片不一樣，可以做到麼？現在做到的只是每個小球不同的顏色，我想用圖片填滿。部分代碼： {代碼...} 目前效果：

大家讲道理 2017-06-14 10:54:28

JavaScript實現縮圖到全寬影像頁的平滑過渡

http://manifesto.clapat.com/如果您在主頁上點擊任何項目，您將從縮圖轉換到全螢幕圖像，該圖像將成為該項目頁面的標題。這些過渡效果是如何創建的，以及最好的方式是使用內部路由而不是ReactRouter來實現它們，但如果有人能夠使其與ReactRouter一起工作，我也可以進行移植。有一些教程可以找到，但它們都在同一頁上加載數據，類似於全螢幕模態組件，而不是轉到另一個/項目頁面

P粉536532781 2023-09-15 22:09:37

使用純Javascript實現影像替換的過渡效果

在我創建的網站上，我有一些手風琴，每個手風琴的頂部都有一個圖像。當您打開手風琴時，裡面有一個描述，圖像會變成另一張。然後，當您關閉手風琴時，影像會切換回第一個影像。問題是我希望這個圖像變化有一個平滑的過渡，具有淡入淡出的效果，而現在它只是一個突然的變化。我該怎麼做？假設手風琴按鈕的id為「button」；包含第一張圖片（將更改為第二張圖片）的標籤的id為「firstimage」。這是JavaS

P粉458913655 2024-03-30 00:14:11

javascript - rem單位相容問題，為什麼oppo自帶的瀏覽器圖片高度不受控制

用rem製作行動裝置頁面，在測試階段，都沒問題，IOS 安卓等手機上，都完美但是，oppo手機自帶的瀏覽器，打開頁面， rem失效，只有圖片的高度失效了，所有的圖片全被拉長。這是為什麼？這是控制rem的JavaScript代...

大家讲道理 2017-06-26 10:53:25

如何讓轉換後的元素不被溢出自動切斷？

我正在使用Bootstrap4為朋友的個人網站製作一個模態畫廊。我設置了它，以便圖像在懸停時展開-但當我將溢出設置為自動時，它們會在模態（或div）的邊緣被切斷。圖庫也是一組選項卡中的第三個，但所有這些都很好用。我嘗試更改哪個div具有overflow-auto類；我嘗試過標記各種不同的標記，但無論我嘗試什麼，我都不知道如何製作它，以便圖庫滾動並且讓我的圖像在懸停時不會被切斷。現在是相關程式碼：.g

P粉242535777 2023-09-07 20:04:02

使用React在HTML中的SVG路徑選擇器

我正在創建一個繪畫應用程序，用戶可以在其中上傳SVG。填滿不同的顏色，在SVG上繪製，然後將其擦除。但不幸的是，我無法取得SVG的路徑。下面是SVG圖像，如果我將滑鼠懸停，我只想獲取該懸停路徑的路徑並用所選顏色填充它。我嘗試了Canvas和SVG路徑。但沒有運氣。 Canvas有beginPath方法，我用它來繪製SVG。 <?xmlversion='1.0'encoding='utf-8'?&

P粉566048790 2023-09-01 23:22:48