$circleDiameter: 30rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
$totalElements: 11;
$angleIncrement: 360deg / $totalElements; // Equal angle increment in degrees
$animationDuration: 12.5s;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
@media (max-width:767px){
$circleDiameter: 24rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
}
.section.section--proof .dot--large, .circle__icon {
animation: circle-motion $animationDuration linear infinite;
}
@keyframes circle-motion-small {
from {
transform: rotate(-90deg) translate(1.75em) rotate(90deg);
}
to {
transform: rotate(270deg) translate(1.75em) rotate(-270deg);
}
}
.circle__icon {
animation: circle-motion-small $animationDuration linear infinite paused;
}
.statement--wrapper{
.circle__icon{
animation-delay:var(--anim-delay);
}
}
@keyframes element-blur {
0%, 100% {
filter: blur(3px);
opacity:.2;
}
25% {
filter: blur(0px);
opacity:1;
}
50% {
filter: blur(3px);
opacity:.2;
}
}
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Apply the translation
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
@media (max-width:767px){
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Change values for mobile screens
$randomDistanceX: random($circleDiameter+2) + 2; // New value for X on mobile
$randomDistanceY: random($circleDiameter+1) + 25; // New value for Y on mobile
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
}
//counter
.section {
counter-reset: dotCounter;
}
.section .m--card-wrapper {
counter-increment: dotCounter;
}
.section .m--card-wrapper .dot--large::before {
content: counter(dotCounter);
display:block;
color:var(--color--main);
text-align:center;
}
How to Build a Cross-Chain Airdrop DApp With Solidity, Next.js and Axelar
In this tutorial, you will learn how to build a decentralized application (dApp) for cross-chain airdrops using Solidity, Next.js and Axelar General Message Passing for distributing tokens across multiple chains
No items found.
August 15, 2023
An Introduction to the Axelar Network
Axelar is a blockchain that connects blockchains, offering robust cross-chain communication and establishing an "internet of blockchains" as a universal development platform
Technology
August 10, 2023
FVM Dataverse Axelar Hackathon Winners
There were some fantastic use cases and MVPs submitted, however only three projects could win the top prize.
No items found.
August 3, 2023
Bridge to Base: Moving Crypto Assets Using the Base Bridge
Bridge to Base' safely: move assets like ETH via the Base bridge
News
August 2, 2023
Imported item 68
No items found.
August 1, 2023
How to Create an Interchain Token with Axelar in 4 Steps
This tutorial will walk you through the step-by-step process of creating, registering and deploying an Interchain Token using the Axelar Interchain Token Portal and interacting with the token across multiple blockchains.
No items found.
July 27, 2023
Exploring Cross-Chain Solutions: How to Bridge Into the Cosmos Ecosystem
This guide delves into the process of bridging into the Cosmos Ecosystem, discussing the benefits and mechanisms of cross-chain solutions
No items found.
July 18, 2023
Axelar Launches Interchain Token Service
Sushi is among the first to deploy Interchain Tokens, powered by a new Axelar product suite for cross-chain fungibility and custom functionality
Technology
July 12, 2023
Case Study: GMP Enables MintDAO’s Cross-Chain NFT Solution
The evolving landscape of NFTs is fraught with challenges to both users and developers. By leveraging GMP, MintDAO addresses key pain points in the NFT space and sets the foundation for a more connected and fluid ecosystem.
No items found.
July 11, 2023
Axelar and Microsoft Partner for a More Integrated and Intelligent Web3
Axelar’s latest enterprise partnership will deliver seamless Web3 integration via Azure Marketplace, and explore ways blockchain can help take AI mainstream.
News
July 7, 2023
SpookySwap Picks Axelar for Canonical Bridged Assets on Fantom
Fantom Foundation is leading among Layer-1 blockchains, by adopting the most secure and permissionless interoperability network in Web3.
News
June 29, 2023
Axelar & BNB Chain Congratulate the Zero 2 Hero Hackathon Winners
Axelar's bounties challenged developers to use Axelar network in their projects and build a decentralized application that takes advantage of the ability to interact with contracts across multiple chains using Axelar General Message Passing (GMP).
No items found.
June 29, 2023
Every CEX Needs a DEX
Decentralization used to be a cherished principle, it’s now a competitive necessity
Technology
June 23, 2023
Axelar and Filecoin Virtual Machine (FVM) Are Making Storage Global, Interoperable & Verifiable
Axelar is Filecoin’s leading interoperability network for delivering decentralized storage on any blockchain in Web3 via Filecoin Virtual Machine.
News
June 16, 2023
Axelar Announces General Message Passing at Avalanche Summit Hackathon
Axelar is expanding blockchain interoperability at this week’s Avalanche Summit hackathon in Barcelona, providing General Message Passing for hackers at the event via a local development environment.
No items found.
June 16, 2023
The Foundation of Cross-Chain Communication
In the last post, we discussed the existing blockchain interoperability landscape and looked at the core principles of network interconnectivity developed by Cerf and Kahn during the evolution of the Internet.
Technology
June 16, 2023
A Technical Introduction to the Axelar Network
Axelar network is a decentralized state machine responsible for facilitating cross-chain requests.
No items found.
June 15, 2023
Uniswap Approves Axelar for Cross-Chain's Next Phase
Uniswap needed the best interoperability platform to facilitate secure protocol updates governing these deployments across multiple blockchains.
News
June 5, 2023
Behold: The Axelar Ecosystem Map
Check out the growing universe of interchain-native applications that use Axelar as a programmable interoperability layer
No items found.
June 5, 2023
Cross-Chain NFTs: Road to Interoperability
The true potential of NFTs can be realized only when we have the necessary infrastructure for cross-chain NFTs. But is it ready?
No items found.
June 4, 2023
Cross-Chain Data Shows Where the Liquidity is Going
Follow the stablecoins for insights into blockchain activity and growth
No items found.
June 1, 2023
Axelar Congratulates Inaugural U Waterloo `Olympihacks` Winners
Axelar’s track challenged hackers to use General Message Passing (GMP) to build an interchain-native application
No items found.
June 1, 2023
How Axelar Keeps you Safe During Emergencies
When connected chains fail, network architecture can mean the difference between staying safe & liquid — and losing funds in a cross-chain meltdown
Technology
May 31, 2023
These Growth Metrics are Replacing TVL in Cross-Chain
Total value locked' is fine for bridges; cross-chain-native interoperability requires other metrics
Technology
AXL Token
May 29, 2023
Understanding The Avalanche (AVAX) Bridge And Other Cross-Chain Solutions
This guide introduces the Avalanche (AVAX) bridge and dives into the process of bridging into Avalanche, discussing the benefits and mechanisms of different cross-chain solutions.
No items found.
May 29, 2023
Axelar Expanding its Cross-Chain Communication Network to Connect Avalanche with Other Leading Platforms
Following a grant from the Avalanche-X program, Axelar and Avalanche are joining forces to realize the shared vision of decentralized interoperability.
No items found.
May 11, 2023
MintDAO & Axelar Announce the Axelar Robot NFT Staking Program
We are now excited to announce Axelar’s first NFT staking program! Here’s what the program will look like.
No items found.
May 10, 2023
Why Blockchain Interoperability is just a Buzzword
Everyday, we browse websites and interact with different content from dozens of servers, networks, and geographic locations.
Technology
May 10, 2023
How to Set Up Cosmostation Wallet for Axelar (AXL) Token
Cosmostation supports Axelar, allowing you to send, receive, store and stake the AXL token from the wallet of your choice.
No items found.
May 10, 2023
Pangolin AMA Recap: The Limitless Possibility of Interoperability
In advance of our mainnet launch in February, we held an AMA on Twitter with Pangolin Exchange.
No items found.
May 10, 2023
Where Will Interoperability Take Web3?
An AMA With Divergence Ventures’ Calvin Liu & Axelar’s Sergey Gorbunov
No items found.
May 10, 2023
Introducing the AXL Token
Axelar is the universal overlay network, securely connecting all blockchain ecosystems, applications, assets and users to deliver Web3 interoperability.
No items found.
May 10, 2023
Testnet Community Recap
One month ago Axelar announced that the signups for the incentivized testnet had opened, to incredible support from the community. We appreciate the overwhelming interest in Axelar and wanted to thank everyone who signed up!
No items found.
May 10, 2023
Axelar AMA: Georgios Vlachos & 0xEsper from Kinesis Labs
In order to achieve the reality of an interconnected blockchain, Axelar works closely with various Cosmos chains to provide Cosmos-EVM cross-chain capabilities and link other non-IBC ecosystems to Cosmos-interconnected chains.
No items found.
May 9, 2023
Case Study: Prime Protocol Pioneers Multichain DeFi Beyond Bridges
Prime Protocol does cross-chain DeFi lending with native assets, using Axelar GMP, allowing users to aggregate all their assets as collateral.
No items found.
May 2, 2023
Axelar General Message Passing now Connects the Cosmos and all EVM Chains
Sommelier is a leading example: the Cosmos-based protocol for intelligent vaults announced today it is building connections to Arbitrum using Axelar GMP.