回答編集履歴
2
投稿失敗
test
CHANGED
@@ -2,7 +2,15 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
+
仕組みは
|
6
|
+
|
5
|
-
|
7
|
+
・background4つを定義しグラデーションを各々傾け、滲みを0で表現
|
8
|
+
|
9
|
+
・それぞれの場所に配置
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
参考URL:[http://webrocketsmagazine.com/entry/20120203/css3-bevel.html](http://webrocketsmagazine.com/entry/20120203/css3-bevel.html)
|
6
14
|
|
7
15
|
|
8
16
|
|
1
追記to
test
CHANGED
@@ -1,4 +1,10 @@
|
|
1
1
|
ゴリ押css
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
仕組みはbackgroundでグラデーションを傾け、滲みを0で発生させて
|
6
|
+
|
7
|
+
|
2
8
|
|
3
9
|
```html
|
4
10
|
|
@@ -62,9 +68,9 @@
|
|
62
68
|
|
63
69
|
left:50%;
|
64
70
|
|
65
|
-
margin-left: -
|
71
|
+
margin-left: -40px;
|
66
72
|
|
67
|
-
width:
|
73
|
+
width: 80px;
|
68
74
|
|
69
75
|
height: 120px;
|
70
76
|
|