由纯CSS打造的23个著名Logo,苹果、Android……

jopen 12年前
   <p>        本文将展示 23 个著名 Logo,它们由纯 CSS 编码而成。在 drop shadow, rounded border, gradient 以及 CSS3 transform 的支持下,我们可以很容易地绘制出著名的 Logo 图。</p>    <p>        <strong>Android Robot</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/318e66c1d4b6f13afeb1448d8b1cd29f.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348064117189398" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Amro</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/07d2eb62c6fbe04885e4e8d040bef825.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348064933252382" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Adidas</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/c5ad9788569a2e98ce780fe5e81c7d03.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348065729185664" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Adobe</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/f4b38f0333eb62bacf0a6d513dfb1394.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348066538135384" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Apple</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/f3078903a6d4ef18a726deeb9c95f164.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348067326356040" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Atari</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/293eaa85174467fa1f02d246be94ca11.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348068116796390" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>BP</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/e3e26a80b037452d2d8aa84d8526715e.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348068909347385" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>CBS</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/152d051cec0f4eceb7822928e03fed12.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348069705547444" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Cloud9</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/ea669d7d50658326163dbda07d65278e.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348070494103874" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Colorvivo</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/e5ede566ad3c5ae2a779b136db54a08b.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348071297046664" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Dribbble</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/1ad36646de19f0b7dba32d95ba98942e.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348072090980189" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Google Chrome</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/fb06f44f148a082162e3e61469cdb594.jpg" width="500" height="250" /></p>    <p>        <strong>HTML5</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/49569521624015f49f5eff5ba88dabaf.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958200719228102260" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Internet Explorer</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/5a72b7490bfd7e18ae96f7625211850e.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348073611478553" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Magento</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/9d114b4b6c49f6bcaaf1736890ee05f6.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348074413995189" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>McDonalds</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/a67ac1d88b6ee970b4ef848d104424f2.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348075203770475" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Nike</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/7e45bce99960a2ca2e56461aabeb6ec8.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348076004140563" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Opera</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/c9d8b172a796f35d8936a5037bb208ac.jpg" width="500" height="250" /></p>    <p>        <strong>Pepsi</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/104d48ca792ed0eaa10f4b4ca465c7b4.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348076796866801" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>推ter</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/005a7a0eee0b97ef1280e246805ad794.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348077586648239" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Reddit</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/cbecb35a7c87ccd8f90560bf9d6df7b8.jpg" width="500" height="250" /></p>    <p>        <strong>Windows</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/23098cc0392d13f70364df8e86805c1a.jpg" width="500" height="250" /></p>    <p>        <a href="/misc/goto?guid=4958348078382628247" target="_blank">查看 CSS 代码</a></p>    <p>        <strong>Volkswagen</strong></p>    <p style="text-align:center;"><img border="0" alt="由纯CSS打造的23个著名Logo,苹果、Android……" src="https://simg.open-open.com/show/6b3b67814a963ce173def2ee8cb7ebff.jpg" width="500" height="250" /></p>    <p>        原文链接:<a href="/misc/goto?guid=4958348079186970559" target="_blank">23 Popular Logos Built Purely With CSS3</a></p>    <div id="come_from">    来自:     <a id="link_source2" href="/misc/goto?guid=4958348079987145212" target="_blank">CSDN</a>    </div>