Implemented ThinkPHP website logo using css3-php手册-php.cn

Home

php教程

php手册

Implemented ThinkPHP website logo using css3

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 20, 2016 am 08:48 AM

Implemented a ThinkPHP website logo using css3
效果图如下：
Implemented ThinkPHP website logo using css3 html><br> <br> <br> <meta> <br> <meta> <br> <title>tp_logo</title> <br> <meta> <br> <meta> <br> <style><br /> .border{border: 1px solid #000;width:200px;margin: 0 auto}<br /> #logo,#left,#right,#bottom{width: 200px;height: 200px;}<br /> #logo{<br /> background-color: #84C255;<br /> border-top-left-radius:30px;<br /> border-bottom-right-radius:30px; <br /> overflow: hidden;<br /> position: relative; <br /> }<br /> #left{ <br /> transform:rotate(45deg);<br /> left: -140px;<br /> background-color: #6FB737;<br /> position: absolute;<br /> }<br /> #right{<br /> transform:rotate(45deg);<br /> right: -140px;<br /> background-color: #6FB737;<br /> position: absolute;<br /> }<br /> #bottom{<br /> transform:rotate(45deg);<br /> top: 140px;<br /> background-color: #5E9C2F;<br /> position: absolute;<br /> }<br /> .wave{<br /> font-family: arial;<br /> transform:scale(0.9, 0.38) rotate(-64deg) skewX(-50deg) skewY(10deg);<br /> font-size: 400px;<br /> color:#FFF;<br /> position: absolute;<br /> text-shadow: -0.5px -0.5px 0.25px #171617;display: none;<br /> }<br /> .line{<br /> position: relative;<br /> border-left: 38px solid white;<br /> width: 40px;<br /> height: 70px;<br /> border-bottom-left-radius: 78px 60px;<br /> }<br /> .right{transform:rotate(-120deg);}<br /> .left{transform:rotate(60deg);}<br /> #line1_right{<br /> top:20px;<br /> left: -28px;<br /> }<br /> #line1_left{<br /> top:19px;<br /> left: -68px;<br /> }<br /> #line2_right{<br /> top:-70px;<br /> left: 10px;<br /> }<br /> #line2_left{<br /> top:-71px;<br /> left: -30px;<br /> } <br /> #line3_right{<br /> top:-160px;<br /> left: 48px;<br /> }<br /> #line3_left{<br /> top:-161px;<br /> left: 10px;<br /> } <br /> </style> <br> <br> <br> <center> <br> <div> <br> <div></div> <br> <div></div> <br> <div></div> <br> <div></div> <br> <div></div> <br> <div></div> <br> <div></div> <br> <div></div> <br> <div></div> <br> </div> <br> </center> <br> <br>

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

了解Python编程的入门级代码示例Jan 04, 2024 am 10:50 AM

了解Python编程的入门级代码示例Python是一种简单易学，功能强大的编程语言。对于初学者来说，了解Python编程的入门级代码示例是非常重要的。本文将为您提供一些具体的代码示例，帮助您快速入门。打印HelloWorldprint("HelloWorld")这是Python中最简单的代码示例。print()函数用于将指定的内容输出

PHP переменные в действии: 10 реальных примеров использованияFeb 19, 2024 pm 03:00 PM

PHP变量存储程序运行期间的值，对于构建动态且交互式的WEB应用程序至关重要。本文将深入探讨php变量，并通过10个真实的示例展示它们的实际应用。1.存储用户输入$username=$_POST["username"];$passWord=$_POST["password"];此示例从表单提交中提取用户名和密码，并将其存储在变量中以供进一步处理。2.设置配置值$database_host="localhost";$database_username="username";$database_pa

从入门到精通：Go语言中常用数据结构的代码实现Mar 04, 2024 pm 03:09 PM

标题：从入门到精通：Go语言中常用数据结构的代码实现数据结构在编程中起着至关重要的作用，它是程序设计的基础。在Go语言中，有许多常用的数据结构，掌握这些数据结构的实现方式对于成为一名优秀的程序员至关重要。本文将介绍Go语言中常用的数据结构，并给出相应的代码示例，帮助读者从入门到精通这些数据结构。1.数组（Array）数组是一种基本的数据结构，是一组相同类型

如何使用PHP编写库存管理系统中的库存分仓管理功能代码Aug 06, 2023 pm 04:49 PM

如何使用PHP编写库存管理系统中的库存分仓管理功能代码库存管理是许多企业中不可或缺的一部分。对于拥有多个仓库的企业来说，库存分仓管理功能尤为重要。通过合理管理和跟踪库存，企业可以实现不同仓库之间的库存调拨，优化运营成本，改善协同效率。本文将介绍如何使用PHP编写库存分仓管理功能的代码，并为您提供相关的代码示例。一、建立数据库在开始编写库存分仓管理功能的代码之

Java实现简单的冒泡排序代码Jan 30, 2024 am 09:34 AM

Java冒泡排序最简单的代码示例冒泡排序是一种常见的排序算法，它的基本思想是通过相邻元素的比较和交换来将待排序序列逐步调整为有序序列。下面是一个简单的Java代码示例，演示了如何实现冒泡排序：publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int

Go语言编程实例：Web开发中的代码示例Mar 04, 2024 pm 04:54 PM

《Go语言编程实例：Web开发中的代码示例》随着互联网的快速发展，Web开发已经成为各行业中必不可少的一部分。作为一门功能强大且性能优越的编程语言，Go语言在Web开发中越来越受到开发者们的青睐。本文将通过具体的代码示例，介绍如何利用Go语言进行Web开发，让读者能够更好地理解和运用Go语言来构建自己的Web应用。1.简单的HTTP服务器首先，让我们从一个

华为云边缘计算对接指南：Java代码示例快速实现接口Jul 05, 2023 pm 09:57 PM

华为云边缘计算对接指南：Java代码示例快速实现接口随着物联网技术的快速发展和边缘计算的兴起，越来越多的企业开始关注边缘计算的应用。华为云提供了边缘计算服务，为企业提供了高可靠的计算资源和便捷的开发环境，使得边缘计算应用更加容易实现。本文将介绍如何通过Java代码快速实现华为云边缘计算的接口。首先，我们需要准备好开发环境。确保你已经安装了Java开发工具包（

指导与示例：学习Java选择排序算法的实现Feb 18, 2024 am 10:52 AM

Java选择排序法代码编写指南及示例选择排序是一种简单直观的排序算法，其思想是每次从未排序的元素中选择最小（或最大）的元素进行交换，直到所有元素排序完成。本文将提供选择排序的代码编写指南，并附上具体的Java示例代码。算法原理选择排序的基本原理是将待排序数组分为已排序和未排序两部分，每次从未排序部分选择最小（或最大）的元素，将其放到已排序部分的末尾。重复上述

See all articles