Nov. 16, 2023, 6:02 p.m. | Danial Habib

DEV Community dev.to





Introduction:


In this tutorial, we will explore an exciting technique to create a captivating liquid effect text using HTML and CSS. By applying a combination of positioning, background images, and text styling, we'll achieve a visually stunning result that will enhance the aesthetics of your website. Let's dive in and discover how to bring this eye-catching effect to life!





Things You Will Learn:



  1. Applying a custom font using CSS.

  2. Utilizing absolute positioning and transform properties for precise text placement.

  3. Implementing …

combination css explore html images introduction programming styling text tutorial webdev website

Lecturer in Social Data Analytics

@ The University of Hong Kong | Hong Kong

careerstart@sas data scientist intern

@ SAS | Tervuren, Belgium

Applied Scientist - Conversational AI, Analytics and Data Management

@ Amazon.com | Seattle, WA, USA

Senior Perception & Autonomy Researcher

@ Draper | Cambridge, MA, United States

Lead ML & AI Engineer

@ HERE Technologies | Navi Mumbai, India

Data Scientist - Sr. Consultant level ( 9Yrs to 11yrs, TensorFlow , Python,R , Bigdata)

@ Visa | Bengaluru, India