<!DOCTYPE html> <html> <head> <title>三里屯SOHO商盟</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,
转载 2024-07-23 10:21:42
18阅读
.flex-content::before { content: ""; position: absolute; bottom: 0; z-index: 10; width: 100%; height: 10px; background-image: -webkit-radial-gradient( ...
5e
转载 2021-07-20 11:41:00
2168阅读
2评论
css .wave{   margin-top: 345px;   background-image: linear-gradient(45deg,transparent 45%,red 55%,transparent 60%),linear-gradient(135deg,transparent 45%,red 55%,transparent
转载 2023-06-07 22:40:30
1188阅读
写这篇文章的初衷是因为早些时候看到一款morning routine上的窗帘皱褶效果,自己也想去实现它,网上也有一些案例但是效果不太好而且没有任何的注释改动难度比较,因此想自己的想法去实现这个效果。如下图就是我们最终想模仿实现的效果:在开始写代码之前,我们得先了解一些两个重要的知识点:1.Canvas方法drawBitmapMesh的使用:Canvas提供了一个方法drawBitmapMesh(B
一直以来,使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。 而使用纯 CSS的方式,实现贝塞尔曲线,暂时是没有很好的方法。当然,借助其他力量(SVG、CANVAS),是可以很轻松的完成所谓的波浪效果的,先看看,非 CSS 方式实现的波浪效果。使用 SVG 实现波浪效果借助 SVG ,是很容易画出三次贝塞尔曲线的。看看效果: 代码如下:<s
转载 2023-08-25 20:02:49
423阅读
写在前面使用纯 CSS 实现波浪效果不再困难,CSS 奇技淫巧。一直以来,使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。而使用纯 CSS 的方式,实现贝塞尔曲线,额,暂时是没有很好的方法。当然,借助其他力量(SVG、CANVAS),是可以很轻松的完成所谓的波浪效果的。先看看,非 CSS 方式实现的波浪效果:2非CSS实现方式使用 SVG 实现波浪效果借助 SVG
原创 2021-01-09 22:01:44
2037阅读
一直以来,使用纯 CSS 实现波浪效果都是十分困难的。 因为实现波浪的曲线需要借助贝塞尔曲线。 而使用纯 CSS 的方式,实现贝塞尔曲线,额,暂时是没有很好的方法。 当然,借助其他力量(SVG、CANVAS),是可以很轻松的完成所谓的波浪效果的,先看看,非 CSS 方式实现的波浪效果。 使用 SVG
原创 2022-04-30 22:18:35
1483阅读
一、背景简写1、语法说明2、代码示例
原创 2023-03-18 10:28:01
1285阅读
background-repeat: no-repeat; background-size: cover; background-position: 50%; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.5); -ms-transform: scale(1.5);...
原创 2021-08-07 09:55:32
2851阅读
background-repeat: no-repeat; background-size: cover; background-position: 50%; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.5); -ms-transform: scale(1.5);...
原创 2022-03-01 14:12:11
2039阅读
css背景
原创 2016-08-03 17:55:01
117阅读
CSS背景 背景颜色 背景图片 背景平铺 背景图片位置 背景图片固定(背景附着) 背景复合写法 背景色半透明 ...
转载 2021-07-27 14:33:00
343阅读
2评论
index.html css 效果: 2、设置图片背景 css代码:设置body的背景图片 设置单个标签的背景图片 设置图片是否重复和起始位置: 设置图片是否随着内容滚动 CSS3背景: 设置图片的大小
转载 2016-08-08 11:09:00
133阅读
2评论
CSS 背景 CSS 背景属性用于定义HTML元素的背景CSS 属性定义背景效果: background-color background-image background-repeat background-attachment background-position 背景颜色 backgro
转载 2019-11-15 15:17:00
252阅读
2评论
1.背景颜色 background-color 2.背景图片 background-image 3.背景平铺 background-repeat,默认情况都是平铺 background-repeat:no-repeat; background-repeat:repeat-x;横向上平铺 backgr ...
转载 2021-09-28 15:14:00
222阅读
2评论
# 背景 1.背景颜色 background-color:色值 2.背景图片 图片的两种表现<img src="">标签 将一个外部的图片文件通过标签的src属性,引入到页面上 没有设置宽度和高度时会默认本身图片的大小 因为img标签是内联元素 因此从层级上在块元素上方 缩小图片只需要改变图片的宽度 ...
转载 2021-10-15 19:26:00
242阅读
2评论
通过CSS背景属性,可以给页面元素添加背景样式1、背景颜色background-color属性
原创 2022-09-20 10:38:34
140阅读
前言 通过 CSS 背景属性,可以给页面元素添加背景样式。背景属性可以设置 背景颜色:background-color 背景图片:background-image 背景平铺:background-repeat 背景图片位置:background-position 背景图像固定:background-attachment 背景颜色 background-color 属性定义了元素的背景颜色。 ba
css
转载 2021-06-18 15:03:42
372阅读
CSS 背景(background)background-color背景颜色background-image背景图片地址background-repeat是否平铺background-position背景位置background-attachment背景固定还是滚动背景的合写(复合属性)background:背景颜色 背景图片地址 背景平铺 ...
转载 2021-09-02 10:03:25
830阅读
CSS背景可以为元素添加背景颜色(background-color)和背景图片(backgroud-image), CSS3也提供了背景使用多张图片和渐变色的功能。
原创 精选 2024-03-21 22:40:35
176阅读
  • 1
  • 2
  • 3
  • 4
  • 5