The rendering is as follows and the example code is as follows body{ background: #000; } .box{ width: 100%; height: 6</p> <p><span style="line-height: 1.76em;">1. <a href="http://www.php.cn/css-tutorial-355037.html" target="_blank">Detailed explanation of the example of realizing ripple animation effect with css</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/d05d05011316207d366eceef7c07b555.png" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" ></span></p> <p><span style="line-height: 1.76em;">Introduction: This article mainly introduces the relevant information about using css to realize the ripple animation effect. The article gives a complete example code. The effect after implementation is very good. Friends in need can refer to it. Let’s take a look together. Take a look. </span></p> <p><span style="line-height: 1.76em;">2. <a href="http://www.php.cn/php-weizijiaocheng-233529.html" target="_blank">EasyPhpThumbnail PHP image processing class</a></span></p> <p><span style="line-height: 1.76em;">Introduction: EasyPhpThumbnail class can process images and PHP generates thumbnail support GIF, JPG and PNG. This class is free, based on 100% PHP, available for PHP4 (4.3.11 and above) and PHP5, easy to use and provides more than 60 functional operations: Functions provided include: resize, crop, rotate, flip, Save as, shadow, watermark, text, borders, sharpen, blur, ripple, reflector, perspective, animation, displacement map and more! Introduction to use 1. Basic use <?phpinclude_</span></p> <p>##3. <span style="line-height: 1.76em;">mysql - How does PHP remove special characters read from Linux files<a href="http://www.php.cn/php-weizijiaocheng-111683.html" target="_blank"></a></span></p> <p>Introduction: Each line in the Linux file records a string, such as - I bellow. When I read this line of data from the file through PHP, it becomes - I^B bellow, There are too many "^B" characters. How can I remove these similar special characters? <span style="line-height: 1.76em;"></span></p> <p>4. <span style="line-height: 1.76em;">Photoshop to simply create rich water ripples<a href="http://www.php.cn/ps-tutorial-79230.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/164/58d0e9f7155e4840.jpg" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" ></span></p>##Introduction: In "Using Photoshop Rendering Filters to Create Cloud Special Effects" we analyzed in detail the method of using rendering filters to create special effects. Today we will introduce a specific example - water ripples. 1. Create a new image in Photoshop, such as 400×200, and make sure the color is the default black at the front and white at the back. Create a new layer. 2. Use [Filter_Rendering_Clouds], <p><span style="line-height: 1.76em;"></span></p>5. <p>Photoshop filter to simply create a halo effect<span style="line-height: 1.76em;"><a href="http://www.php.cn/ps-tutorial-79226.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/164/58d0ea5ad655b946.jpg" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" ></span></p>Introduction: We analyzed in detail the method of using rendering filters to create special effects in "Using Photoshop Rendering Filters to Create Cloud Special Effects". Today we will introduce the details. Example of - water ripples. 1. Create a new image in Photoshop, use the default foreground and background colors to create [Filter_Rendering_Clouds], and then [Filter_Rendering_Layered Clouds] to create an effect similar to the picture below. <p><span style="line-height: 1.76em;"></span></p>6. <p>Photoshop makes the fountain water move<span style="line-height: 1.76em;"><a href="http://www.php.cn/ps-tutorial-78241.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/009/58a12662021af798.jpg" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" ></span>##Introduction: This tutorial introduces the method of making dynamic pictures of water splashes. The general principle: make multiple copies of the material image, then use the ocean ripple filter in the distortion filter to ripple each layer, and distort the water splash in the original image a little bit. The parameters of each layer need to change a little, and then they can be coherent to see realistic dynamic effects. </p> <p><span style="line-height: 1.76em;"></span>7. </p>Photoshop designed and produced a dynamic rock music poster<p><span style="line-height: 1.76em;"><a href="http://www.php.cn/ps-tutorial-77587.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/164/58be607f70b0b940.jpg" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" >##Introduction: The renderings use relatively few physical materials, only characters and backgrounds. Other effects such as ripples, lines, text, decorative dots, etc. all need to be made by hand. </span></p> <p><span style="line-height: 1.76em;">8. <a href="http://www.php.cn/ps-tutorial-75605.html" target="_blank">Teach you how to draw a sweet and delicious watermelon with PS</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/009/58be6700051f5484.jpg" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" ></span></p> <p> ##Introduction: This example introduces the use of PS to draw a realistic and delicious watermelon. It mainly learns the use of waves, ripples, clouds, edge search, edge enhancement, sphericalization and other filters in PS filters. In addition, you will also learn about layers. The use of blending modes and layer styles, I hope it can help friends who are interested in PS mouse painting~~<span style="line-height: 1.76em;"></span></p> <p>9. <span style="line-height: 1.76em;">ps cs6 to create realistic water ripple effects <a href="http://www.php.cn/ps-tutorial-75543.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/164/58be1b8c9297d697.jpg" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" ></span></p> <p> Introduction: This tutorial is to introduce ps cs6 to friends on the PHP Chinese website to create realistic water ripples Effect method, the water ripple effect produced by the tutorial is very beautiful, and it is not very difficult. It is recommended to go to the PHP Chinese website. Friends who like it can learn together. <span style="line-height: 1.76em;"></span></p> <p>10. <span style="line-height: 1.76em;">ps production Water ripple gif animation effect<a href="http://www.php.cn/ps-tutorial-75084.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="http://files.jb51.net/file_images/article/201603/2016032809041512.gif" style="max-width:90%" alt="Recommended 10 ripple effects (collection)" ></span></p>## Introduction: This tutorial is to share the PS production with friends at Script House Water ripple gif animation effect method, the water ripple animation effect produced by the tutorial is very good, the difficulty is not difficult, it is worth learning, I recommend it to Script Home, let’s learn together<p><span style="line-height: 1.76em;"></span></p> [Related Q&A recommendations]: <p><strong></strong></p>javascript - H5 canvas How to write this effect? Is there any expert who can give me some ideas or code<p><a href="http://www.php.cn/wenda/107342.html" target="_blank"></a></p>javascript - Continuous click events in iOS<p><a href="http://www.php.cn/wenda/30694.html" target="_blank"></a></p>android-studio - Why is android in the item layout of RecyclerView :clickable="true" cannot trigger click event?<p><a href="http://www.php.cn/wenda/107394.html" target="_blank"></a></p>android - The cardView below EasyRecyclerView has no water ripple effect<p><a href="http://www.php.cn/wenda/79880.html" target="_blank"></a></p>javascript - Material Design water How to achieve the ripple effect? <p><a href="http://www.php.cn/wenda/27986.html" target="_blank"></a></p>