这是一个创建于 3680 天前的主题，其中的信息可能已经有所发展或是发生改变。
效果图：
实现方法：
先把主体逆时针旋转4度，并且添加背景图片，内层文字内容反转4度，就基本实现想要的效果了，但问题是，主体的背景也跟着逆时针旋转4度，那要如何去实现效果呢？ 不知道我有没有表达清楚 :(
实现方法：
先把主体逆时针旋转4度，并且添加背景图片，内层文字内容反转4度，就基本实现想要的效果了，但问题是，主体的背景也跟着逆时针旋转4度，那要如何去实现效果呢？ 不知道我有没有表达清楚 :(
第 1 条附言 · 2014-11-27 16:00:14 +08:00
昨天想到个方法，就是把背影图在PS里反转，然后导出平铺就行了
 |
1
coolicer 2014-11-26 11:25:40 +08:00
只要切黑白那一小块就可以了。
|
|
4
coolicer 2014-11-26 11:30:05 +08:00
或者说黑白交替那个地方要切，其他的就css就可以了
|
 |
5
pockry 2014-11-26 11:30:27 +08:00  2
|
 |
6
tension 2014-11-26 11:32:20 +08:00 1
理论上，切个
 就ok了，但是 还是整张比较好。。或者找个三角形在上面盖住 |
 |
7
sneezry 2014-11-26 11:51:15 +08:00 via iPhone 1
直接用border就好了
|
 |
8
learnshare 2014-11-26 11:53:48 +08:00 1
div 做一个白色的三角形就好了，旋转多麻烦
|
 |
9
momou 2014-11-26 11:57:40 +08:00 1
{
width: 0; height: 0; border-top: 100px solid white; border-right: 3000px solid transparent; } |
 |
10
hkongm 2014-11-26 14:14:17 +08:00 1
transform skew
|
 |
11
Kaiyuan 2014-11-26 15:49:32 +08:00 1
|
 |
13
miniwade514 2014-11-26 18:01:37 +08:00
在兼容CSS3 Transform的浏览器里用CSS就可以做，其他浏览器就得靠切图实现了。根据你的项目需要兼容的浏览器类型来决定用哪种方式实现。
|
Select Language