css实现卡片图片悬浮渐变色蒙版效果代码
代码语言:html
所属分类:悬停
代码描述:css实现卡片图片悬浮渐变色蒙版效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body { font-family: 'Segoe UI', 'San Francisco', Calibri, Helvetica, Arial, sans-serif; margin: 0; padding: 0; justify-content: center; align-items: center; min-height: 100vh; } .c-preview { background: #000; background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background-size: 400% 400%; background-repeat: no-repeat; display: flex; width: 500px; height: 500px; max-width: 100vw; max-height: 100vh; justify-content: center; a.........完整代码请登录后点击上方下载按钮下载查看
网友评论0