▍1. 1
Flash五屏焦点图,带大箭头指示、标题和文字说明,推荐下载!(Flash five screen focus map, with large arrow instructions, titles and text descriptions, recommended download!)
一款基于CSS3的响应式侧边菜单,这款菜单可以在PC浏览器网页上和移动设备的网页上有着同样不错的效果,它会根据屏幕大小自动实现菜单位置的变化,可以让用户在不同分辨率的屏幕上获得最佳的体验。(A responsive side menu based on CSS3, which works equally well on PC browser pages and mobile device pages, automatically changes the menu position according to screen size, allowing users to get the best experience on different resolution screens.)
这款CSS3应用是一个倒计时插件,这款倒计时插件的外观还是比较简单大气的,加上阴影,有着3D立体的视觉效果。倒计时标有天、时、分、秒,我们可以很清晰的看出时钟的走动。我们可以将它制作成挂件放到自己的个人博客上去,来实现活动开始的倒计时功能。(This CSS3 application is a countdown plug-in, the countdown plug-in appearance is relatively simple atmosphere, coupled with shadows, has a 3D stereoscopic visual effect. The countdown is marked by days, hours, minutes and seconds, and we can clearly see the movements of the clock. We can make it into a pendant on our personal blog to achieve the countdown function of the beginning of the event.)
说明: 效果描述: 纯原生js实现的动画切换效果 不依赖于任何库 使用方法: 1、将head中的CSS引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可(Effect description: Animation switching effect implemented by pure native JS Does not depend on any library. Usage method: 1, introduce the CSS in head to your webpage. 2, copy the code part of body to where you need it.)
一组css3特效的banner效果,左右按钮全屏,在支持CSS3浏览器下浏览,动画切换效果十足 如果在不支持CSS3属性的浏览器下,则是从上往下,左右文字分开展示,效果同样不错(A set of CSS3 special effects banner effect, left and right button full screen, in support of CSS3 browser browsing, animation switching effect is full If the browser does not support CSS3 properties, it is from top to bottom, left and right text display separately, the effect is also good)
效果描述: 一个立体式左右图片切换代码,其中使用了HTML5的SVG代码 当你点击左右切换按钮的时候,图片从上往下呈打散状分开切换样式 注意:低版本浏览器不支持 图片路径修改方法在js文件中第24行 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径正确)(Effect description: A stereoscopic left and right picture switching code, which uses the SVG code of HTML5. When you click the left and right toggle button, the image is scattered from top to bottom to separate the switch styles. Note: low version browsers do not support. Image path modification method in the JS file twenty-fourth rows Usage method: 1, introduce CSS style to your web page. 2, copy the code part of body to where you need it. (note that the file path is correct))
效果描述: 适合移动手机客户端浏览器的一款拆红包特效 点击后会有个抖动特效 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (不兼容低版本浏览器)(Effect description: A special red envelopes effect for mobile client browser There will be a jitter effect after clicking. Usage method: 1, copy the styles in head to your stylesheet. 2, copy the code part of body in the past. (not compatible with low version browsers))
多款不同角度旋转的3D按钮风格,可惜的是部分代码采用CSS3实现,IE下效果不近完美,同学们只能在火狐等浏览器下观赏了。(A number of different angles of rotation of the 3D button style, unfortunately, part of the code using CSS3 to achieve, IE effect is not nearly perfect, students can only watch under Firefox and other browsers.)
动画效果很强,在高 版本浏览器下浏览,就像是flash动画一样低版本浏览器下,只能是类似网页一样的效果,可以上下拖动,不过UI同样很漂亮(The animation effect is very strong, browsing in the high version browser, like flash animation in the low version browser, can only be similar to the web page effect, can be dragged up and down, but the UI is also very beautiful)