1. Animated consecutive trigger hysteresis solution repeatedly executed
For example: jQuery in slideUp, slideDown, animate animation and other use, if the target element is driven external events, external elements when the mouse continuous trigger events quickly, repeated animation lag, its performance Caton or cause other problems.
JQuery STOP () method: In the event of a pre-trigger elements to stop all animation, and then perform the appropriate animation events. Can effectively prevent repeated animation problem
For example: can choose, have multiple controls to control a div slideToggle ( "1000");
$ ( "# a") stop ();. // stop current animation, proceed to the next animation
$ ( "# a") stop (true);. // remove all elements of animation
$ ( "# a"). stop (false, true); // let the current animation directly to the end of the state, continue to the next animation
$ ( "# a") stop (true, true);. // clear all the animation elements, allowing direct access to the end of the current animation status
2. Card with frosted glass effects;
E.g:
HTML：
<div class = "wrap">
<h3> Lu </ h3>
<the p-> Lu (1125 --1210), the word business concept, No. Fangweng, Han nationality, the more the state Sanin (now Shaoxing City, Zhejiang Province) people , You Cheng Shang Lu Dian's grandson, Song writer, historian, patriotic poet.
Lu Born on the occasion of the demise of the Northern Song Dynasty, youth that is nurtured by the family patriotism. Song Gao, the Board of Rites to participate in the exam, due to the exclusion of Qin Hui and poor career. After Song Xiao Zhong ascended the throne, thanks to Scholars origin, served as county registrar Ningde, Fuzhou, the official decree given delete, Longxing House pass sentence and other staff, due to adhere to anti-gold, repeated reconcilable exclusion. Roads for seven years (1171), should Sichuan Xuan Fu Wang Yan was invited to join the military, working in Nanzheng shogunate. The following year, the dissolution of the shogunate, Lu Feng Shu at, and Fan Chengda friend. Song Guangzong throne, was promoted Li doctor and hospital Record review officer, soon due to "ridicule Wing Love Affair" dismissed from office owned by Habitat hometown. Jiatai two years (1202), Song Ningzong Lu Chao to Beijing, presided over the editing Xiao Zhong, Mitsumune "two Koreas Record" and "three towards history", the official Bao Zhang Ge Dai Zhi. After the book into, long-term seclusion San Lu, Jiading years (1210) passed away, leaving the swan, "said child." </ P>
</ div>
CSS：
.wrap h3 {
font-size:18px;
color:#ffffff;
}
.wrap p {
font-size:14px;
color:#ffffff;
font-variant-ligatures:common-ligatures
discretionary-ligatures
historical-ligatures;
}
body {
min-height:100vh;
box-sizing:border-box;
margin:0;
padding-top:calc(50vh - 6em);
font:150%/1.6 Baskerville,Palatino,serif;
}
body,.wrap::before {
background:url("http://www.jq22.com/demo/circleMagic201710082042/dest/img/bg.jpg") 0 / cover fixed;
}
.wrap {
position:relative;
margin:0 auto;
padding:1em;
max-width:23em;
background:hsla(0,0%,100%,.25) border-box;
overflow:hidden;
border-radius:.3em;
box-shadow:0 0 0 1px hsla(0,0%,100%,.3) inset,0 .5em 1em rgba(0,0,0,0.6);
text-shadow:0 1px 1px hsla(0,0%,100%,.3);
}
.wrap::before {
content:'';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:-30px;
z-index:-1;
-webkit-filter:blur(20px);
filter:blur(20px);
}
Other subsequent supplements