diff oasis2015/smart.css @ 2513:79e86e34b699

CSSopacity
author ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
date Sun, 12 Jul 2015 22:50:59 +0900
parents 4482f3b51bc3
children 8b7f83fc736b
line wrap: on
line diff
--- a/oasis2015/smart.css	Sun Jul 12 20:36:50 2015 +0900
+++ b/oasis2015/smart.css	Sun Jul 12 22:50:59 2015 +0900
@@ -20,7 +20,7 @@
     position: relative;
     top: 0px;
     left: 0px;
-    width: 80%;
+    width: 100%;
     height: 140px;
 background-image:url(./img/foot2.png);
 background-repeat:no-repeat;
@@ -40,12 +40,14 @@
 background-color:red;
 }
 
-
-
-
 input[type="checkbox"][name="hdn"] + span {display: none;}
 input[type="checkbox"][name="hdn"]:checked + span {display: inline;}
 
+input[type="checkbox"][name="hdn"] + div{opacity: 0;}
+input[type="checkbox"][name="hdn"]:checked + div {
+  opacity: 1.0; transition: 3s ease-in-out;
+  transition:  1s linear;}
+
 table{margin-left:auto; margin-right: auto;}
 table.state{text-align:left;}
 table.state tr+tr+tr+tr{font-size:xx-large;}

yatex.org