3
Q
CSS3弯曲效果
A
回答
1
像这样的事情可以做:
http://jsfiddle.net/lollero/Bfwpz/
HTML:
<div id="boxWrap">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
<div class="box5"></div>
</div>
CSS:
#boxWrap { float: left;}
#boxWrap div {
background: #e1e1e1;
border: 1px solid #999999;
width: 40px;
height: 50px;
float: left;
margin: 10px;
position: relative;
}
.box1 { top: 20px; }
.box2 { top: -20px; }
.box3 { top: -50px; }
.box4 { top: -20px; }
.box5 { top: 20px; }
相关问题
- 1. CSS3弯曲/透视效果
- 2. CSS3 3D弯曲透视
- 3. 用CSS/JS/jQuery弯曲图像效果?
- 4. 弯曲的狗耳效应?
- 5. 三JS弯曲(弯曲)CSS3DObject
- 6. Android弯曲查看画布以产生卷曲效果
- 7. 页面卷曲效果CSS3问题
- 8. 在弯曲项目中显示弯曲
- 9. 如何在cocos2d中创建弯曲效果?
- 10. 如何使用CSS 3d矩阵创建弯曲变形效果
- 11. 龟弯曲线
- 12. 直线弯曲
- 13. 弯曲图像
- 14. 调用弯曲
- 15. 转换卷曲弯曲
- 16. 有没有办法弯曲/弧/只弯曲文字的底部或顶部使用CSS3
- 17. 用CSS3创建弯曲的盒子阴影
- 18. 弯曲的UITableView/UIScrollView
- 19. Gef BendPoints弯曲的
- 20. 弯曲的Y轴
- 21. 弯曲度输出
- 22. ,动态弯曲verticalaxisrenderers
- 23. `UINavigationBar`弯曲扩展?
- 24. CSS3渐变效果
- 25. Innerglow效果成css3
- 26. 3D效果jquery css3
- 27. 扭曲效果
- 28. 卷曲效果
- 29. PHP功能弯曲/扭曲图像
- 30. 弯曲曲线内的折线图
这是不是超级清楚,如果你是问如何使背景上的绿色曲线或图像如何沿着该曲线定位。这是什么? – Joonas
对不起,我所指的曲线是图片的曲线而不是绿色背景 – sisko
最简单的方法是将每一个绝对定位,如果你喜欢使用JavaScript,一个非常简单的脚本就能让你找到你想要的位置。 – maxp