いつも読んで頂きありがとうございます。
私の会社は生コンクリート関係ですが高齢化が進み若い人材が欲しいところです。
さて、どんな人材が欲しいか。
メンタルが強い人
私の会社は現場との付き合いが多いので、ある程度コミュニケーションが取れないとダ
メなのと忍耐力が必要です。それは何故かというと。
こんなことを書くと誰も入りたがらないかもしれませんね。
現在はパワハラ、モラハラなどは社内規定にも規定されるなど厳しくなっているので昔
よりは良くなっていますが現場監督や運転手は社外の人間なので普通に怒ってきます。
ここでメンタルが弱いと結構なダメージを受けます。
新人が現場監督に怒られるのは日常茶飯事ですが、これを乗り越えなければ仕事になら
ないのが現状です。ここで辞めていく人が多いと思います。
心が折れても復活するメンタルが必要
ある程度の知識は必要
専門職なのである程度の知識が必要ですがそんなに難しくはないと思います。
高卒レベルであれば入社してから勉強しても教える方のレベルにもよりますが十分知識
が身につきます。そしてコンクリート技士という資格を試験に合格すると取得できま
す。技士取得後にコンクリート主任技士の試験も受けられますが4択問題の他に論文が
2問あるので難しく合格率が12%程度となっています。ちなみに私は技士しか持ってい
ません。
最後に
最終的には仕事に興味がないと辞めていくのが現状です。
昔は一度会社に入るとなかなか辞められませんでしたが今は他の会社でも入社して数ケ
月で辞める人やある程度勤めていても辞めていく人が多いと言います。
昔と違って求人もネットで簡単に検索できるので辞めても次の仕事をすぐ探せるという
のもあるのかもしれません。それにしても給与の関係もありますが若い人材が入ってこ
ないですね。
動く三角背景は全ての三角形をkeyframesで動かしています。途中で頭の中で訳分から
なり修正したい部分もありますが妥協しました。どのくらいのコードの長さになったか
は参考に載せておきます。
@keyframes sankakua00{
0%,15%,100%{background-position:-41px -90px,11px -90px,63px -90px,115px -90px,167px -90px,219px -90px,271px -90px,323px -90px,375px 45px;}
25%,40%{background-position:-41px -90px,-15px -45px,63px -90px,89px -45px,167px -90px,193px -45px,271px -90px,297px -45px,401px 0px;}
50%,65%{background-position:11px -90px,37px -45px,115px -90px,141px -45px,219px -90px,245px -45px,323px -90px,349px -45px,479px 0px;}
75%,90%{background-position:-67px -45px,-15px -45px,37px -45px,89px -45px,141px -45px,193px -45px,245px -45px,297px -45px,375px 0px;}
}
.sankaku00{
width:360px;
height:270px;
background-image:conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
background-color:#db7093;
animation:sankakua00 linear 15s infinite;
}
@keyframes sankakua01{
0%,15%,100%{background-position:-67px -45px,-15px -45px,37px -45px,89px -45px,141px -45px,193px -45px,245px -45px,297px -45px,349px -45px,401px -45px;}
25%,40%{background-position:-93px 0px,-15px -45px,11px 0px,89px -45px,115px 0px,193px -45px,219px 0px,297px -45px,323px 0px,401px -45px;}
50%,65%{background-position:-41px 0px,-67px -45px,63px 0px,37px -45px,167px 0px,141px -45px,271px 0px,245px -45px,375px 0px,349px -45px;}
75%,90%{background-position:-93px 0px,-41px 0px,11px 0px,63px 0px,115px 0px,167px 0px,219px 0px,271px 0px,323px 0px,375px 0px;}
}
.sankaku01{
width:360px;
height:270px;
background-image:conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua01 linear 15s infinite;
}
@keyframes sankakua{
0%,15%,100%{background-position:-15px -45px,37px -45px,89px -45px,141px -45px,193px -45px,245px -45px,297px -45px,349px -45px,401px -45px;}
25%,40%{background-position:-67px -45px,11px 0px,37px -45px,115px 0px,141px -45px,219px 0px,245px -45px,323px 0px,349px -45px;}
50%,65%{background-position:-15px -45px,-41px 0px,89px -45px,63px 0px,193px -45px,167px 0px,297px -45px,271px 0px,401px -45px;}
75%,90%{background-position:-41px 0px,11px 0px,63px 0px,115px 0px,167px 0px,219px 0px,271px 0px,323px 0px,375px 0px;}
}
.sankaku{
width:360px;
height:270px;
border:1px solid black;
background-image:conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua linear 15s infinite;
}
@keyframes sankakua2{
0%,15%,100%{background-position:-41px 0px,11px 0px,63px 0px,115px 0px,167px 0px,219px 0px,271px 0px,323px 0px,375px 0px;}
25%,40%{background-position:-67px 45px,-41px 0px,37px 45px,63px 0px,141px 45px,167px 0px,245px 45px,271px 0px,349px 45px;}
50%,65%{background-position:-67px 45px,11px 0px,-15px 45px,115px 0px,89px 45px,219px 0px,193px 45px,323px 0px,297px 45px;}
75%,90%{background-position:-67px 45px,-15px 45px,37px 45px,89px 45px,141px 45px,193px 45px,245px 45px,297px 45px,349px 45px;}
}
.sankaku2{
width:360px;
height:270px;
background-image:conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua2 linear 15s infinite;
}
@keyframes sankakua3{
0%,15%,100%{background-position:-67px 45px,-15px 45px,37px 45px,89px 45px,141px 45px,193px 45px,245px 45px,297px 45px,349px 45px,401px 45px,453px 45px;}
25%,40%{background-position:-93px 90px,-15px 45px,11px 90px,89px 45px,115px 90px,193px 45px,219px 90px,297px 45px,323px 90px,401px 45px,427px 90px;}
50%,65%{background-position:-41px 90px,-67px 45px,63px 90px,37px 45px,167px 90px,141px 45px,271px 90px,245px 45px,375px 90px,349px 45px,479px 90px;}
75%,90%{background-position:-93px 90px,-41px 90px,11px 90px,63px 90px,115px 90px,167px 90px,219px 90px,271px 90px,323px 90px,375px 90px,427px 90px;}
}
.sankaku3{
width:360px;
height:270px;
background-image:conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg)
,conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#650032 59.9deg,#65003200 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#CD295E 59.9deg,#CD295E00 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua3 linear 15s infinite;
}
@keyframes sankakua4{
0%,15%,100%{background-position:-41px 0px,11px 0px,63px 0px,115px 0px,167px 0px,219px 0px,271px 0px,323px 0px,375px 0px;}
25%,40%{background-position:-41px 0px,-15px 45px,63px 0px,89px 45px,167px 0px,193px 45px,271px 0px,297px 45px,401px 45px;}
50%,65%{background-position:11px 0px,37px 45px,115px 0px,141px 45px,219px 0px,245px 45px,323px 0px,349px 45px,479px 45px;}
75%,90%{background-position:-67px 45px,-15px 45px,37px 45px,89px 45px,141px 45px,193px 45px,245px 45px,297px 45px,375px 45px;}
}
.sankaku4{
width:360px;
height:270px;
background-image:conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#990132 59.9deg,#99013200 60deg),conic-gradient(from 150deg at 50% 50%,#FE0154 59.9deg,#FE015400 60deg),conic-gradient(from 150deg at 50% 50%,#CC0143 59.9deg,#CC014300 60deg),conic-gradient(from 150deg at 50% 50%,#FF3476 59.9deg,#FF347600 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua4 linear 15s infinite;
}
@keyframes sankakua5{
0%,15%,100%{background-position:-41px 90px,11px 90px,63px 90px,115px 90px,167px 90px,219px 90px,271px 90px,323px 90px,375px 90px;}
25%,40%{background-position:-15px 135px,-41px 90px,89px 135px,63px 90px,193px 135px,167px 90px,297px 135px,271px 90px,349px 45px;}
50%,65%{background-position:-67px 135px,11px 90px,37px 135px,115px 90px,141px 135px,219px 90px,245px 135px,323px 90px,297px 45px;}
75%,90%{background-position:-67px 135px,-15px 135px,37px 135px,89px 135px,141px 135px,193px 135px,245px 135px,297px 135px,349px 45px;}
}
.sankaku5{
width:360px;
height:270px;
background-image:conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#CD295E 59.9deg,#CD295E00 60deg),conic-gradient(from 330deg at 50% 50%,#FF3476 59.9deg,#FF347600 60deg),conic-gradient(from 330deg at 50% 50%,#CB5379 59.9deg,#CB537900 60deg),conic-gradient(from 330deg at 50% 50%,#990132 59.9deg,#99013200 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua5 linear 15s infinite;
}
@keyframes sankakua6{
0%,15%,100%{background-position:-15px 45px,37px 45px,89px 45px,141px 45px,193px 45px,245px 45px,297px 45px,349px 45px,401px 45px;}
25%,40%{background-position:-67px 45px,11px 90px,37px 45px,115px 90px,141px 45px,219px 90px,245px 45px,323px 90px,349px 45px;}
50%,65%{background-position:-15px 45px,-41px 90px,89px 45px,63px 90px,193px 45px,167px 90px,297px 45px,271px 90px,401px 45px;}
75%,90%{background-position:-41px 90px,11px 90px,63px 90px,115px 90px,167px 90px,219px 90px,271px 90px,323px 90px,375px 90px;}
}
.sankaku6{
width:360px;
height:270px;
background-image:conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#CB5379 59.9deg,#CB537900 60deg),conic-gradient(from 150deg at 50% 50%,#990132 59.9deg,#99013200 60deg),conic-gradient(from 150deg at 50% 50%,#FF6798 59.9deg,#FF679800 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua6 linear 15s infinite;
}
@keyframes sankakua7{
0%,15%,100%{background-position:-15px 135px,37px 135px,89px 135px,141px 135px,193px 135px,245px 135px,297px 135px,349px 135px,401px 135px;}
25%,40%{background-position:11px 180px,37px 135px,115px 180px,141px 135px,217px 180px,245px 135px,323px 180px,349px 135px,401px 45px;}
50%,65%{background-position:-41px 180px,-15px 135px,63px 180px,89px 135px,165px 180px,193px 135px,271px 180px,297px 135px,401px 45px;}
75%,90%{background-position:-41px 180px,11px 180px,63px 180px,115px 180px,165px 180px,219px 180px,271px 180px,323px 180px,401px 45px;}
}
.sankaku7{
width:360px;
height:270px;
background-image:conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#990132 59.9deg,#99013200 60deg),conic-gradient(from 330deg at 50% 50%,#FF3376 59.9deg,#FF337600 60deg),conic-gradient(from 330deg at 50% 50%,#FE0154 59.9deg,#FE015400 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua7 linear 15s infinite;
}
@keyframes sankakua8{
0%,15%,100%{background-position:-41px 90px,11px 90px,63px 90px,115px 90px,167px 90px,219px 90px,271px 90px,323px 90px,375px 90px;}
25%,40%{background-position:-15px 135px,-41px 90px,89px 135px,63px 90px,193px 135px,167px 90px,297px 135px,271px 90px,401px 135px;}
50%,65%{background-position:-67px 135px,11px 90px,37px 135px,115px 90px,141px 135px,219px 90px,245px 135px,323px 90px,349px 135px;}
75%,90%{background-position:-67px 135px,-15px 135px,37px 135px,89px 135px,141px 135px,193px 135px,245px 135px,297px 135px,349px 135px;}
}
.sankaku8{
width:360px;
height:270px;
background-image:conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg)
,conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#CC0143 59.9deg,#CC014300 60deg),conic-gradient(from 150deg at 50% 50%,#CB5379 59.9deg,#CB537900 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua8 linear 15s infinite;
}
@keyframes sankakua9{
0%,15%,100%{background-position:-41px 180px,11px 180px,63px 180px,115px 180px,167px 180px,219px 180px,271px 180px,323px 180px,375px 180px;}
25%,40%{background-position:-15px 225px,-41px 180px,89px 225px,63px 180px,193px 225px,167px 180px,297px 225px,271px 180px,401px 225px;}
50%,65%{background-position:-67px 225px,11px 180px,37px 225px,115px 180px,141px 225px,219px 180px,245px 225px,323px 180px,349px 225px;}
75%,90%{background-position:-67px 225px,-15px 225px,37px 225px,89px 225px,141px 225px,193px 225px,245px 225px,297px 225px,349px 225px;}
}
.sankaku9{
width:360px;
height:270px;
background-image:conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg)
,conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#CD295E 59.9deg,#CD295E00 60deg),conic-gradient(from 330deg at 50% 50%,#650032 59.9deg,#65003200 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua9 linear 15s infinite;
}
@keyframes sankakua10{
0%,15%,100%{background-position:-15px 135px,37px 135px,89px 135px,141px 135px,193px 135px,245px 135px,297px 135px,349px 135px,401px 135px;}
25%,40%{background-position:-67px 135px,11px 180px,37px 135px,115px 180px,141px 135px,219px 180px,245px 135px,323px 180px,349px 135px;}
50%,65%{background-position:-15px 135px,-41px 180px,89px 135px,63px 180px,193px 135px,167px 180px,297px 135px,271px 180px,401px 135px;}
75%,90%{background-position:-41px 180px,11px 180px,63px 180px,115px 180px,167px 180px,219px 180px,271px 180px,323px 180px,375px 180px;}
}
.sankaku10{
width:360px;
height:270px;
background-image:conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg)
,conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FE0154 59.9deg,#FE015400 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua10 linear 15s infinite;
}
@keyframes sankakua11{
0%,15%,100%{background-position:-15px 225px,37px 225px,89px 225px,141px 225px,193px 225px,245px 225px,297px 225px,349px 225px,401px 225px;}
25%,40%{background-position:11px 270px,37px 225px,115px 270px,141px 225px,217px 270px,245px 225px,323px 270px,349px 225px,401px 45px;}
50%,65%{background-position:-41px 270px,-15px 225px,63px 270px,89px 225px,165px 270px,193px 225px,271px 270px,297px 225px,401px 45px;}
75%,90%{background-position:-41px 270px,11px 270px,63px 270px,115px 270px,165px 270px,219px 270px,271px 270px,323px 270px,401px 45px;}
}
.sankaku11{
width:360px;
height:270px;
background-image:conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg),conic-gradient(from 330deg at 50% 50%,#FF9997 59.9deg,#FF999700 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua11 linear 15s infinite;
}
@keyframes sankakua12{
0%,15%,100%{background-position:-41px 180px,11px 180px,63px 180px,115px 180px,167px 180px,219px 180px,271px 180px,323px 180px,375px 180px;}
25%,40%{background-position:-15px 225px,-41px 180px,89px 225px,63px 180px,193px 225px,167px 180px,297px 225px,271px 180px,401px 225px;}
50%,65%{background-position:-67px 225px,11px 180px,37px 225px,115px 180px,141px 225px,219px 180px,245px 225px,323px 180px,349px 225px;}
75%,90%{background-position:-67px 225px,-15px 225px,37px 225px,89px 225px,141px 225px,193px 225px,245px 225px,297px 225px,349px 225px;}
}
.sankaku12{
width:360px;
height:270px;
background-image:conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg),conic-gradient(from 150deg at 50% 50%,#FECCCB 59.9deg,#FECCCB00 60deg);
background-repeat:no-repeat;
background-size:80px 90px;
animation:sankakua12 linear 15s infinite;
}
</style>
<style><!--
@keyframes goldanm{
0%{background-position:0px 0px;}
100%{background-position:2000px 0px;}
}
.golda{
position: relative;
display: inline-block;
top: 0px;
left:5px;
font-size: 18px;
font-weight: bold;
color: gold;
filter:drop-shadow(1px 1px 0px black);
background-image:
linear-gradient(90deg, brown,red,#ff69b4,red,brown);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation:goldanm 30s ease-in-out 0s alternate infinite;
}
--></style>
<div class="sankaku00">
<div class="sankaku01">
<div class="sankaku">
<div class="sankaku2">
<div class="sankaku3">
<div class="sankaku4">
<div class="sankaku5">
<div class="sankaku6">
<div class="sankaku7">
<div class="sankaku8">
<div class="sankaku9">
<div class="sankaku10">
<div class="sankaku11">
<div class="sankaku12">
<p class="golda">心が折れても復活するメンタルが必要</p>
</div>
<div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
今回参考にしたブログはこちら
【CSS】動く三角背景【小ネタ】 - Little Strange Software
【CSS】filter:drop-shadowなら、グラデーション文字にも影をつけられました^^ - Little Strange Software