HTML5响应式图片渐隐切换js特效代码

2019-09-11 郑州网站建设  

<!DOCTYPE html>

<html lang="en" class="no-js" manifest="demo.appcache">

<head>

         <meta charset="UTF-8" />

         <meta http-equiv="X-UA-Compatible" content="IE=edge">

         <meta name="viewport" content="width=device-width, initial-scale=1">

         <title>HTML5响应式图片渐隐切换js特效代码</title>

         <meta name="keywords" content="HTML5,CSS3,全屏,响应式,图片渐隐" />

         <meta name="description" content="HTML5全屏响应式图片渐隐切换js特效代码。" />

 

         <link href=http://www.divcss5.com/html/"css/css.css" rel="stylesheet">

         <link rel="stylesheet" type="text/css" href=http://www.divcss5.com/html/"css/normalize.css" />

        

         <!--必要样式-->

         <link rel="stylesheet" type="text/css" href=http://www.divcss5.com/html/"css/demo.css" />

         <link rel="stylesheet" type="text/css" href=http://www.divcss5.com/html/"css/component.css" />

         <script src=http://www.divcss5.com/html/"js/modernizr-custom.js"></script>

</head>

<body class="demo-1">

         <svg class="hidden">

                   <defs>

                            <symbol id="icon-arrow" viewBox="0 0 24 24">

                                     <title>arrow</title>

                                     <polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 " />

                            </symbol>

                            <symbol id="icon-drop" viewBox="0 0 24 24">

                                     <title>drop</title>

                                     <path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z" />


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1926.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • Doctype
  • !
  • HTML5
  • JS
  • HT
  • л
  • Ч