Ajinomoto đầu tư 25 tỷ Yên vào sản xuất vật liệu bán dẫn đến năm 2030
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;}
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 xóa tin nhắn tự động trên Zalo cực kì đơn giản mà có thể bạn chưa biết
Zalo là một mạng xã hội phổ biến ở Việt Nam, đây là nơi để người dùng có thể chia sẻ nhật ký, gọi điện và nhắn tin với bạn bè và người thân. Tính năng xóa tin nhắn tự động cũng đã xuất hiện trên Zalo, bạn có thể cài
Mang màn hình smartphone lên trên máy tính để xem phim, chơi game đã hơn
ApowerMirror cung cấp 2 giải pháp kết nối thông minh cho thiết bị gồm: kết nối thông qua mạng Wi-Fi và kết nối thông qua cáp USB. Mỗi phương pháp kết nối đều có ưu điểm riêng và phục vụ cho các mục đích khác nhau.
TOP 7 ứng dụng trị giá 21 USD đang được miễn phí dành cho iOS
Tiếp tục làm mới chủ đề miễn phí hằng ngày, TCN xin gửi tới các bạn danh sách 7 ứng dụng bản quyền dành cho thiết bị iOS đang được miễn phí trên cửa hàng App Store. Mời các bạn cùng xem và nhanh tay tải về trước khi
Hướng dẫn sửa tin nhắn đã gửi trong Telegram trên điện thoại, máy tính cực đơn giản
Hướng dẫn bạn sử tin nhắn đã gửi trong ứng dụng Telegram một cách đơn giản và nhanh chóng. Giúp bạn chỉnh sửa lại nội dung tin nhắn khi lỡ nhắn sai, nhắn nhầm. Click xem ngay nhé!
10 mẹo giúp laptop có thời gian sử dụng pin tốt hơn với Windows 10 [Phần 1]
Liệu máy tính xách tay của bạn đang gặp vấn đề về pin hoặc tuổi thọ pin không được như mong muốn? Nếu bạn đã cập nhật lên Windows 10 Fall Creators thì bạn sẽ có hàng loạt mẹo để có thể giúp kéo dài thời gian chạy trên
ĐÁNH GIÁ NHANH
Mở hộp Galaxy Watch4 Classic: Thiết kế truyền thống, tính năng thông minh, hiệu năng mạnh mẽ
Galaxy Watch4 Classic là chiếc smartwatch mang một vẻ ngoài truyền thống kết hợp với nhiều tính năng cao cấp. Mời bạn cùng chúng tôi mở hộp Galaxy Watch4 Classic phiên bản chính hãng được bán tại thị trường Việt Nam.
Đánh giá Galaxy C9 Pro: Màn hình đẹp, chơi game ổn định
Ấn tượng đầu tiên khi cầm Samsung Galaxy C9 Pro trên tay là cảm giác gọn gàng, vừa tay. Mặc dù trang bị màn hình lên đến 6 inch nhưng chiều dài của C9 Pro chỉ tương đương iPhone 7 Plus, chiều ngang được mở rộng.
Đánh giá hiệu năng ASUS Zenfone 3 Max: Đủ dùng trong hầu hết trường hợp
ASUS Zenfone 3 Max là chiếc điện thoại tầm trung với thời lượng pin vượt trội. Và đây cũng là sản phẩm đầu tiên của ASUS sử dụng vi xử lý MediaTek.