Newer
Older
2020-M.keigo / kadai2.css
@masuko keigo masuko keigo on 14 Jul 2020 784 bytes 訂正した
.animation{
	width: 100px;
	height: 100px;
	background-color: orange;
	animation: animation-han 6s linear 0s infinite normal;
}

@keyframes animation-han
{
  0% {width: 100px;}
  100% {width: 100%;}
  
}

.box_sample{
	padding: 3px;
	margin: 0 0 50px 0;
	background: linear-gradient(to bottom right, #FFFFFF, #FFAAEE);
    box-shadow: 5px 5px 2px rgba(0,0,0,0.4);
    border: 1px solid #333333;
    border-radius: 10px;

}

.block_clone {
 display: block;
 -o-box-decoration-break: clone;
}

.f-container{
     display: flex;
     flex-direction: row;
     background: #ddd;
     width: 100%;
     height: auto;
     
}

.f-item{
	background-color: yellow;
	text-align: center;
	padding: 15px 40px;
	border: 5px solid #ddd;
	
}
p {text-shadow: 4px 4px 4px blue; }