Creative Web Typography Styles


Trong hướng dẫn này chúng tôi sẽ tạo ra những phong cách typography web khác nhau bằng cách sử dụng các plugin jQuery lettering.js và kỹ thuật CSS khác nhau. Đối với một số ví dụ, chúng tôi cũng sẽ thêm di chuột quá trình chuyển đổi để làm những điều một chút tương tác nhiều hơn.

Mẫu 1


Ý tưởng của ví dụ đầu tiên là để tách hoặc cắt một từ khi bay bổng và làm cho một từ khác xuất hiện trong khoảng cách. Cho rằng chúng tôi sẽ cần một cấu trúc đặc biệt.



<h2 class='cs-text'>
<span class='cs-text-cut'>
Smooth
</span>
 
<span class='cs-text-mid'>
Operator
</span>
 
<span class='cs-text-cut'>
Smooth
</span>
</h2>



Từ đó sẽ được hiển thị ban đầu, sẽ được nhân đôi. (Lưu ý rằng tất cả các ví dụ này dành cho các mục đích trang trí và có thể không được 'SEO friendly'.)
Chúng tôi sẽ áp dụng các plugin lettering.js cho các từ có nghĩa rằng chúng ta sẽ có một khoảng thời gian xung quanh từ đầu tiên và cuối cùng (bản sao):


$('.cs-text-cut').lettering('words');



Bây giờ, chúng ta hãy xem css. Trước hết chúng tôi sẽ thiết lập chiều rộng và chiều dài :


.cs-text {
width: 645px;
margin: 120px auto 30px;
cursor: default;}



Đặt thiết lập mặc định của thẻ span là block:



.cs-text > span
{ display: block;}
Từ khoá : Creative, Typography, Styles

TIN LIÊN QUAN

BookBlock: A Content Flip Plugin

Một plugin jQuery mà sẽ tạo ra một thành phần giống như cuốn sách nhỏ cho phép bạn điều hướng thông qua các mục của nó bằng cách đảo các trang với hiệu ứng (BookBlock: A Content Flip Plugin )

Fullscreen Video Slideshow with BigVideo.js

Chúng tôi sẽ hưỡng dẫn làm thế nào để tạo slideshow nền bằng video động hoặc một slider bằng Bigvideo.js một Plugin JQuery khá đẹp

Photo Booth Strips with Lightbox

Băng ảnh đứng đẹp mắt với Lightbox 2 di chuyển bằng cách lăn bi với phong cách lạ với 'Photo Booth Strips with Lightbox'

Old School Cassette Player with HTML5 Audio

Vintage định dạng đáp ứng công nghệ web hiện đại: máy nghe nhạc âm thanh HTML5 với các điều khiển thực tế. Hôm nay chúng tôi muốn chia sẻ một máy nghe nhạc âm thanh với giao diện trông giống như một băng nhạc trường học cũ.

THỦ THUẬT HAY

Cách làm mờ ảnh nền trong PowerPoint

Khi sử dụng ảnh nền trong PowerPoint, chúng ta có thể điều chỉnh mức độ hiển thị của ảnh bằng cách điều chỉnh độ mờ cho ảnh nền trong slide.

Cách tải Payday 2 về máy tính, chơi Payday 2 free hoàn toàn

PayDay 2 đang là cái tên HOT nhất hiện nay khi nhà phát hành của tựa game này mới đây đã cho phép game thủ tải PayDay 2 miễn phí bản quyền về máy tính của mình nhưng số lượng chỉ giới hạn 5 triệu bản thôi nhé.

Anh em nghĩ sao về tương lai của mô hình bán hàng tự động?

Nói sơ một chút về thời gian xuất hiện của máy bán hàng tự động tại Việt Nam. Thực ra máy bán hàng tự động đã vào Việt Nam từ năm 2003 khi tiền xu được đưa vào lưu thông trở lại.

Hướng dẫn cài đặt Open GL trên máy tính

OpenGL (tên đầy đủ là Open Graphics Library) là một tiêu chuẩn kỹ thuật đồ họa được tạo ra nhằm mục đích định ra một giao diện lập trình ứng dụng (tiếng Anh là Application Programming Interface, viết tắt là API) đồ họa

10 phần mềm quay video game tốt nhất hiện nay

Bandicam giúp người dùng quay video game, tạo bài thuyết trình, hướng dẫn hoặc ghi lại cuộc trò chuyện video chất lượng cao, nhưng dung lượng cực kỳ nhỏ gọn. Bạn có thể sử dụng biểu tượng cây bút trong khi quay để vẽ,

ĐÁNH GIÁ NHANH

Đánh giá hệ thống chống rung kép của Google Pixel 2

Công nghệ chống rung của Google gọi là Fused Video Stabilization, là sự kết hợp của chống rung quang học (bằng phần cứng) và chống rung điện tử (bằng phần mềm).

Đánh giá nhanh Lenovo K6 Power: Hiệu năng ổn, âm thanh tốt, pin lâu

K6 Power hội tụ mọi yếu tố để trở thành một thiết bị giải trí di động ấn tượng như màn hình chất lượng tốt, hiệu năng đủ dùng, công nghệ âm thanh Dolby nổi tiếng và đặc biệt viên pin 4.000 mAh cho thời gian sử dụng lâu

Đánh giá Oppo F1s 2017: "Nâng chưa đủ đẳng cấp"

Kế nhiệm một sản phẩm thành công chưa bao giờ dễ dàng. F1s là model thành công nhất của Oppo trong năm 2016, xây chắc vị trí thứ 2 trên thị trường di động Việt Nam cho thương hiệu này.