<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> <style type="text/css"> /* line 8, ../sass/tmp.scss */ body { color: #444; font: 18px/1.6 arial; padding: 50px 0 0; } /* line 13, ../sass/tmp.scss */ .container { max-width: 500px; margin: auto; -webkit-backface-visibility: hidden; } /* line 18, ../sass/tmp.scss */ .stamp { position: relative; } /* line 21, ../sass/tmp.scss */ .stamp:after { border: solid 0.1em #d00; border-radius: .2em; color: #d00; content: 'Draft'; font-size: 50px; font-weight: bold; line-height: 1; opacity: 0; position: absolute; padding: .1em .5em; margin: 0 auto; top: 10%; left: 10%; text-transform: uppercase; opacity: 0; transform-origin: 50% 50%; transform: rotate(-2deg) scale(5); transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335); } /* line 44, ../sass/tmp.scss */ .loaded .stamp:after { opacity: .75; transform: rotate(-15deg) scale(1); z-index: -1; } </style> </head> <body> <div class='container wkbmf'> <div class='stamp'> 两个案头前面的灵位也不一样,一个是上了油漆的,放在门板前,另外一个没上油漆的放在棺材前,长眠灯也是门板下面的那个点着,棺材下面的没点。 查文斌示意其他人全部都站在外面,准备开始的时候就觉得眼前一黑,摇了摇头,不知道是最近真的累了还是怎么了。站了没一会儿,查文斌强打起精神来,摆好那方白铜墨盒砚台,蘸着朱砂就在地上就地画了引魂阵,这引魂阵要求起笔从头到尾笔尖不能离地,没朱砂了,也只能顺着笔杆子从上往下倒。外面的人可是看得真真切切,不禁对这道士有几分钦佩起来,张老汉看着这场面还有点得意,心想这回面子可足了,找了一高人来。 引魂大阵从停尸的门板下开始画,最后一笔落在棺材下,一气呵成,不留半点拖拉,就连爱好书法的何老也是看得心叹查文斌的功底不浅,画的同时,查文斌嘴里念念有词,大家自然是听不懂他在说什么,只是最后一笔起来的时候,查文斌额头上已经有黄豆大的汗珠滴落下来,显得非常吃力。 这引魂阵呢,源自苗疆,最初这门法术是做衣冠冢必不可少的,后来被部分邪魔利用,以引魂修炼邪术,凡用引魂术修炼的丹药和法器都是歹毒无比,向来被正道中人所不耻,所以这门法术也是将近失传,查文斌也是从师父留下的书籍中看到的,今儿算是第一次拿出来用,也不知其中厉害,只觉得单单一张符画完,已经是精疲力竭了。何老看出其中异样,就进去问查文斌怎样,查文斌摆了摆手,示意无大碍,何老叮嘱了句小心点,退了出来。 </div> </div> </body> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> setTimeout(function() { $('.container').addClass('loaded') }, 500) </script> </html> 提示:你可以先修改部分代码再运行。 转载请注明:有爱前端 » css 盖章动画 喜欢 (3)or分享 (0)