Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
62 lines (55 sloc) 1.68 KB
<!DOCTYPE html>
<html lang="ja" xmlns:og="" xmlns:fb="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif;
body, html {
width: 100%;
height: 100%;
.mv {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.mv .item {
width: 20vw;
height: 20vw;
border-radius: 50%;
overflow: hidden;
-webkit-mask-image: radial-gradient(
transparent 0%,
transparent 30%,
#000 30%,
#000 100%
<div class="mv">
<div class="item js-tg"></div>
<script src="../libs/jquery.min.js"></script>
<script src="../libs/TweenMax.js"></script>
<script src="../libs/isMobile.min.js"></script>
<script src="../libs/chroma.min.js"></script>
<script src="main.js"></script>
You can’t perform that action at this time.