kokimu
6/7/2018 - 1:18 AM

Style - Others

Cursor selection, Opacity, Hover transition, Temporal style in production https://stackoverflow.com/questions/45536537/centering-in-css-grid

// Temporal style useful ONLY in production
// Add border to all container
* { border: 1px solid red; }
/*
hover - 文字をふんわり
*/

-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition: all 0.5s;
transition:all 0.5s;


a{
    color: #03c;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
a:hover {
    color: #39f;
}

/* This works for IE5~9 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70); 
/* for all Modern Browsers */
opacity: 0.7;
/*
カーソルで選んだ場所の色を指定する
Change color of selection in browser
*/

::selection {
	background-color: #fd760f;
	color: #fff;
}