用HTML5实现灯笼效果

本文介绍了两种实现效果：一种使用画布（canvas）标签/元素，另一种不用画布（canvas）标签/元素主要使用CSS实现。

使用画布（canvas）标签/元素实现，下面，在画布上，用JavaScript画两个红灯笼，并且红灯笼左右来回移动的源码：

运行效果如下：

下面是另一种实现主要使用CSS实现，源码如下：

    
    



    

        

        
        

            

                
年
            
        
        

            

            
            

        
    


    

        

        
        

            

                
新
            
        
        

            

            

            
        
    


    

        

        
        

            

                
乐
            
        
        

            

            

        
    


    

        

        
        

            

                
快
            
        
        

            

            
            

        
    






 

运行效果如下：

附录

为HTML网页添加喜庆气氛的诸多方法https://blog.csdn.net/cnds123/article/details/128865230

用CSS画了个灯笼https://juejin.cn/post/7051370971932033038