CSS3Ps是一個功能強大的應用程序,它能夠將Photoshop中的文字和圖片轉換為CSS3代碼,而且不需要你具備深厚的CSS知識。
這個應用程序有許多特性是其他CSS生成器不具備的。 它可以輕松地將復雜的圖層轉換為CSS3代碼,同時也可以為最嚴格的開發人員生成代碼。
/* Photoshop Layer 123: */ .social-icons{ position: absolute; top: 40px; right: 0; } /* Photoshop Layer 124: */ .social-icons li{ display: inline-block; margin: 0 5px; } /* Photoshop Layer 125: */ .social-icons li a{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; background-color: #E5803A; } /* Photoshop Layer 126: */ .social-icons li a i{ color: white; font-size: 18px; line-height: 30px; text-align: center; }
CSS3Ps還可以將您的目標瀏覽器類型指定為OldIE、IE9+、IE10+、IE11+、Edge、Chrome、Firefox、Safari、iOS、Android等,這些設置可以讓您確保您編寫的代碼是針對特定瀏覽器的。
CSS3Ps的優點還在于它的實用性和易用性。如果您正在尋找一個快速的方式將Photoshop在Web應用程序上的輸出轉換到代碼中,那么這個工具一定會幫助您。