效果图：
实现方法：
先把主体逆时针旋转4度，并且添加背景图片，内层文字内容反转4度，就基本实现想要的效果了，但问题是，主体的背景也跟着逆时针旋转4度，那要如何去实现效果呢？ 不知道我有没有表达清楚 :(
实现方法：
先把主体逆时针旋转4度，并且添加背景图片，内层文字内容反转4度，就基本实现想要的效果了，但问题是，主体的背景也跟着逆时针旋转4度，那要如何去实现效果呢？ 不知道我有没有表达清楚 :(
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 4371 days ago, the information mentioned may be changed or developed.
Supplement 1 · Nov 27, 2014
昨天想到个方法，就是把背影图在PS里反转，然后导出平铺就行了
 |
coolicerNov 26, 2014
1
只要切黑白那一小块就可以了。
|
1 |
coolicerNov 26, 2014
4
或者说黑白交替那个地方要切，其他的就css就可以了
|
 |
5
|
 |
6
理论上，切个
 就ok了，但是 还是整张比较好。。或者找个三角形在上面盖住 |
 |
7
直接用border就好了
|
 |
8
div 做一个白色的三角形就好了，旋转多麻烦
|
 |
9
{
width: 0; height: 0; border-top: 100px solid white; border-right: 3000px solid transparent; } |
 |
10
transform skew
|
 |
11
|
 |
miniwade514Nov 26, 2014
13
在兼容CSS3 Transform的浏览器里用CSS就可以做，其他浏览器就得靠切图实现了。根据你的项目需要兼容的浏览器类型来决定用哪种方式实现。
|
Select Language