資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究
580 次瀏覽
X 光效果將顏色深度灰度化並扁平化。此過濾器中使用以下引數：序號引數 & 描述 1.Xray將顏色深度灰度化並扁平化。示例您可以嘗試執行以下程式碼來建立 X 光效果：即時演示 文字示例： CSS 教程
272 次瀏覽
要使用 CSS 在影像上實現淡入右側動畫效果，您可以嘗試執行以下程式碼：示例即時演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } 重新載入頁面 function myFunction() { location.reload(); }
148 次瀏覽
要使用 CSS 在影像上實現淡入右側放大動畫效果，您可以嘗試執行以下程式碼：示例即時演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } 重新載入頁面 function myFunction() { location.reload(); }
264 次瀏覽
使用蒙版效果將透明畫素轉換為指定顏色，並將不透明畫素轉換為透明。此過濾器中使用以下引數序號引數 & 描述 1Color透明區域將變成的顏色。示例您可以嘗試執行以下程式碼來實現蒙版效果：即時演示 文字示例： CSS 教程
763 次瀏覽
發光效果用於在物件周圍建立光暈。如果它是透明影像，則會在其不透明畫素周圍建立光暈。此過濾器中可以使用以下引數：序號引數 & 描述1.Color您希望光暈的顏色。2.Strength光暈的強度（從 1 到 255）。示例您可以嘗試執行以下程式碼來在物件周圍建立光暈：即時演示 文字示例： CSS 教程
412 次瀏覽
陰影過濾器用於在指定的方向和顏色上建立衰減的陰影。此過濾器中可以使用以下引數引數描述Color您希望陰影的顏色。Direction模糊的方向，順時針方向，四捨五入到 45 度增量。預設值為 270（左側）。0 = 頂部45 = 右上角90 = 右側135 = 右下角180 = 底部225 = 左下角270 = 左側315 = 左上角示例您可以嘗試執行以下程式碼來實現陰影過濾器：即時演示 文字示例： CSS 教程
114 次瀏覽
使用灰度效果將物件的顏色轉換為 256 色灰度。此過濾器中使用以下引數：引數描述Gray將物件的顏色轉換為 256 色灰度。示例您可以嘗試執行以下程式碼來設定灰度效果：即時演示 文字示例： CSS 教程
720 次瀏覽
要使用 CSS 在影像上實現淡入向上動畫效果，您可以嘗試執行以下程式碼 -示例線上演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } 重新載入頁面 function myFunction() { location.reload(); }
731 次瀏覽
翻轉效果用於建立物件的映象影像。以下引數可用於此過濾器 -引數描述FlipH建立水平映象影像FlipV建立垂直映象影像示例您可以嘗試執行以下程式碼來建立映象影像線上演示 文字示例： CSS 教程
180 次瀏覽
要使用 CSS 在影像上實現淡出向下動畫效果，您可以嘗試執行以下程式碼 -示例線上演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } 重新載入頁面 function myFunction() { location.reload(); }