日: 2013年9月15日

斜め文字　帯　css3

	transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-o-transform: rotate(35deg);
.top_d_label {
	/* 追記ここから */
	transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	/* 追記ここまで */
	

	width: 304px;
	display: block;
	text-align: center;
	width: 200px;
	font-size: 19px;
	color: rgba(255,0,0,0.6);
	background: rgba(255,255,255,0.6);
	position: absolute;
	z-index: 120;
	right: -44px;
	top: 28px;
	padding: 10px;
	font-weight: bold;
}

参考

背景透明

背景のみ　RGBで指定し　透明度
background: rgba(255,255,255,0.6);

全体　小要素から全部透明になる
opacity: 0.6;

点滅CSS3

http://shirasaka.tv/434

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.1;/*透明度80%*/
 }
}


.d_navi_main_in ul li a:hover {
	-webkit-animation-name: pulse;/* 実行する名前 */
	-webkit-animation-duration: 0.1s;/* 0.3秒かけて実行 */
	-webkit-animation-iteration-count: 3;/* 何回実行するか。infiniteで無限 */
	-webkit-animation-timing-function: ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
	color: #FFF;
	background-color: #666;
	background-image: url(../img/body_backgr/body_background_dark30.png);
	background-repeat: repeat;
}